/* 二级以后栏目公共样式开始 */ * { font-weight: 400; } .secondDiv .fontRed a { color: #e60012 !important; } .secondDiv .fontRedA { color: #e60012 !important; } /* 包围容器开始 */ .secondDiv .secondWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .secondDiv .secondWrapBox { width: 1232px; height: 100%; padding: 0 16px; margin: 0 auto; position: relative; } @media screen and (max-width:1250px) { .secondDiv .secondWrapBox { width: 100%; } } /* 包围容器结束 */ /* 面包屑开始 */ .colmunPc#crumbs { margin-top: 30px; height: 16px; line-height: 16px; font-size: 16px; color: #666; } #crumbs a { color: #666; } #crumbs span { margin: 0 10px 0 6px; } @media screen and (max-width:768px) { .colmunPc#crumbs { display: none; } } /* 面包屑结束 */ /* 阴影效果开始 */ .secondDiv ul.shandowHoverall li { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .secondDiv ul.shandowHoverall li:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } /* 阴影效果结束 */ /* banner样式开始 */ .secondDiv .secondBanner { padding-top: 100px; } .secondDiv .secondBanner img { display: block; width: 100%; } .secondDiv .secondBannerBox { position: relative; } .secondDiv .secondBannerText { width: 80%; position: absolute; top: 28%; left: 16px; color: #fff; } .secondDiv .secondBannerText h2 { font-size: 46px; } .secondDiv .secondBannerText p { font-size: 46px; font-size: 16px; line-height: 1.6; margin-top: 2.42%; } @media screen and (max-width:1400px) { .secondDiv .secondBannerText { top: 20%; } } @media screen and (max-width:1232px) { .secondDiv .secondWrapBox { width: 100%; } } @media screen and (max-width:1080px) { .secondDiv .secondBannerText { top: 10%; } .secondDiv .secondBannerText h2 { font-size: 40px; } .secondDiv .secondBannerText p { margin-top: 1%; font-size: 14px; } } @media screen and (max-width:860px) { .secondDiv .secondBannerText h2 { font-size: 32px; } .secondDiv .secondBannerText p { margin-top: 1%; } } @media screen and (max-width:768px) { .secondDiv .secondBannerText { width: 90%; font-size: 75px; left: 0; top: 14.8%; padding-left: 16px; } .secondDiv .secondBannerText h2 { font-size: 75%; } .secondDiv .secondBannerText p { font-size: 37.3%; border-left: 4px solid #e60012; padding-left: 16px; } } @media screen and (max-width:700px) { .secondDiv .secondBannerText { font-size: 60px; } } @media screen and (max-width:640px) { .secondDiv .secondBannerText { top: 10%; font-size: 50px; } } @media screen and (max-width:414px) { .secondDiv .secondBannerText { font-size: 44px; } } @media screen and (max-width:375px) { .secondDiv .secondBannerText { font-size: 37.5px; } } /* banner样式结束 */ /* 公共标题开始 */ .secondDiv .secondEntH3 { height: 32px; line-height: 30px; font-size: 100%; text-align: left; color: #000000; font-weight: 400; margin-bottom: 30px; border-left: 5px solid #e60012; padding-left: 16px; } .secondDiv .protechLine { display: none; width: 8%; height: 3px; background: #e60012; margin: 1.8% auto 0; } /* 栏目标题右侧点击查看更多按钮样式开始 */ .secondDiv .secondGoMore { height: 20px; float: right; margin-top: 6px; font-size: 14px; cursor: pointer; } .secondDiv .secondGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } .secondDiv .secondGoMore a img { position: absolute; top: 0; right: 0; } @media screen and (max-width:768px) { .secondDiv .secondGoMore { display: none; } .secondDiv .protechLine { display: block; } } /* 栏目标题右侧点击查看更多按钮样式结束 */ /* 公共标题结束 */ /* 二级栏目成功案例模块样式开始 */ .secondDiv .secondSolve { padding-top: 40px; font-size: 32px; background-color: #fff; padding-bottom: 50px; } .secondDiv .secondSolveConList:after { content: ''; display: block; clear: both; } .secondDiv .secondSolveConList li { width: 31.66%; float: left; margin-left: 2.5%; font-size: 22px; } .secondDiv .secondSolveConList li:first-child { margin-left: 0; } .secondDiv .secondSolveConList li a { display: block; width: 100%; height: 100%; } .secondDiv .secondSolveConList li .secondSolveConListImg { display: block; width: 100%; overflow: hidden; cursor: pointer; } .secondDiv .secondSolveConList li .secondSolveConListImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .secondDiv .secondSolveConList li .secondSolveConListImg img { display: block; width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .secondDiv .secondSolveConListText { padding: 20px; } .secondDiv .secondSolveConListText h5 { font-size: 24px; color: #333; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } .secondDiv .secondSolveConListText p { font-size: 14px; color: #333; margin-top: 3%; line-height: 1.5; } body.ie8 .secondDiv .secondSolveConListText h5 { height: 32px; } body.ie8 .secondDiv .secondSolveConListText p { height: 63px; } @media screen and (max-width:768px) { .secondDiv .secondSolve { padding: 0; font-size: 75px; } .secondDiv .secondSolveConList { padding-bottom: 1px; } .secondDiv .secondSolveConList li { width: 100%; float: none; margin: 0 0 4.67% 0 } .secondDiv .secondSolveConListText { font-size: 75px; padding: 4.6% 3.3% 5.3%; } .secondDiv .secondSolveConListText h5 { font-size: 46.6%; } .secondDiv .secondSolveConListText p { font-size: 40%; color: #666; } } @media screen and (max-width:700px) { .secondDiv .secondSolve, .secondDiv .secondSolveConListText { font-size: 60px; } } @media screen and (max-width:640px) { .secondDiv .secondSolve, .secondDiv .secondSolveConListText { font-size: 50px; } } @media screen and (max-width:414px) { .secondDiv .secondSolve, .secondDiv .secondSolveConListText { font-size: 44px; } } @media screen and (max-width:375px) { .secondDiv .secondSolve, .secondDiv .secondSolveConListText { font-size: 37.5px; } } /* 二级栏目成功案例模块样式结束 */ /* 滑动标识样式开始 */ .secondDiv .swiperBtn { text-align: center; line-height: 0; margin-top: 2%; } /* 滑动标识样式结束 */ /* 控制pc h5显示开始 */ body .secondDiv .secondH5 { display: none; } @media screen and (max-width:768px) { body .secondDiv .secondPC { display: none; } body .secondDiv .secondH5, .protechLine { display: block; } body .secondDiv .secondBanner { padding-top: 0; } } /* 控制pc h5显示结束 */ /* 二级栏目公共样式结束 */ /* 行业解决方案页面开始 */ /* 行业解决方案开始 */ /* PC端 */ .secondDiv .industrySolution { font-size: 32px; padding-top: 40px; } .secondDiv .industrySoluList:after { content: ''; display: block; clear: both; } .secondDiv .industrySoluList li { width: 26%; padding: 10px 3.65%; float: left; box-sizing: content-box; margin-bottom: 3%; } .secondDiv .industrySoluList li:hover { background-color: #f9f9f9; } .secondDiv .industrySoluList li:hover .indSoluListTit { color: #e60012; } .secondDiv .industrySoluList li a { display: block; width: 100%; height: 100%; } .secondDiv .indSoluListImg { display: block; width: 22%; margin: 0 auto; } .secondDiv .indSoluListImg img { display: block; width: 100%; } .secondDiv .indSoluListTit { text-align: center; font-size: 22px; color: #242424; margin-top: 6.4%; } .secondDiv .indSoluListText { text-align: center; font-size: 14px; color: #666666; line-height: 1.6; margin-top: 5.4%; } /* 移动端 */ .secondDiv .industrySoluConH5 { display: none; background-color: #f5f5f5; padding: 6.4% 0; } .secondDiv .swiper-containerSolu { width: 100%; height: 100%; overflow: hidden; } .secondDiv .swiper-containerSolu .swiper-slide { float: left; padding: 0 16px; } .secondDiv .swiper-containerSolu .swiper-slide:after { content: ''; display: block; clear: both; } .secondDiv .swiper-containerSolu a { display: block; width: 30%; height: 100%; margin-left: 5%; float: left; background-color: #fff; padding: 4.6% 3.3%; } .secondDiv .swiper-containerSolu a .indSoluListImg { width: 44%; } .secondDiv .swiper-containerSolu a .indSoluListTit { font-size: 37.3%; color: #242424; margin-top: 16%; } .secondDiv .swiper-containerSolu a .indSoluListText { font-size: 30%; color: #666; margin-top: 9%; } .secondDiv .swiper-containerSolu a:first-child { margin-left: 0; } body.ie8 .industrySoluConH5 a { margin-bottom: 20px; } body.ie8 .secondSolveConList li { border: 1px solid #e8e8e8; } @media screen and (max-width:768px) { .secondDiv .industrySoluCon { display: none; } .secondDiv .industrySoluConH5 { display: block; } .secondDiv .industrySolution .secondWrapBox { padding: 0; } .secondDiv .swiper-containerSolu a .indSoluListText { text-align: left; } } /* 行业解决方案结束 */ /* 成功案例单独样式开始 */ #industry_solution .secondSolve { background-color: #f5f5f5; } @media screen and (max-width:768px) { #industry_solution .secondSolve { background-color: #fff; } } /* 成功案例单独样式结束 */ @media screen and (max-width:768px) { /* 标题大小变化 */ .secondDiv .industrySolution { font-size: 75px; padding-top: 0; } .secondDiv .secondEntH3 { width: 100%; padding: 6.6% 0 4%; text-align: center; color: #3c3c3c; font-size: 59.4%; border: none; margin: 0; height: auto; line-height: 1; } } @media screen and (max-width:700px) { .secondDiv .industrySolution { font-size: 60px; } } @media screen and (max-width:640px) { .secondDiv .industrySolution { font-size: 50px; } } @media screen and (max-width:414px) { .secondDiv .industrySolution { font-size: 44px; } } @media screen and (max-width:375px) { .secondDiv .industrySolution { font-size: 37.5px; } } /* 行业解决方案页面结束 */ /* SMB解决方案页面开始 */ /* PC端 */ .secondDiv .SMBsolution { font-size: 32px; padding-top: 40px; background-color: #fff; } /* 白色底色类名 */ .secondDiv .SMB_fff { background-color: #fff; } .secondDiv .SMB_fff .SMBsolutionListImg { float: right; } .secondDiv .SMB_fff .SMBsolutionListText { width: 100%; padding-right: 432px; padding-top: 3.9%; } /* 灰色底色类名 */ .secondDiv .SMB_f5f { background-color: #f5f5f5; } .secondDiv .SMB_f5f .SMBsolutionListImg { float: left; } .secondDiv .SMB_f5f .SMBsolutionListText { width: 100%; padding-left: 432px; padding-top: 3.9%; } .secondDiv .SMBsolutionListImg { overflow: hidden; } .secondDiv .SMBsolutionListImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .secondDiv .SMBsolutionListImg a { display: block; width: 100%; height: 100%; } .secondDiv .SMBsolutionListImg img { -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .secondDiv .SMBsolutionListText h3 { font-size: 24px; color: #333; } .secondDiv .SMBsolutionListText h3 a { display: inline-block; max-width: 100%; height: 100%; color: #333; } .secondDiv .SMBsolutionListText p { font-size: 14px; color: #666; margin-top: 20px; line-height: 1.85; } .secondDiv .SMBsolutionListGo { width: 100%; height: 20px; margin-top: 2.5%; } .secondDiv .SMBsolutionListGo a { display: inline-block; float: right; line-height: 20px; padding-right: 30px; position: relative; font-size: 14px; color: #333; } .secondDiv .SMBsolutionListGo a img { display: block; width: 20px; position: absolute; top: 0; right: 0; } .secondDiv .SMBsolutionList { overflow: hidden; } .secondDiv .SMBsolutionList li { width: 100%; height: 232px; padding: 40px 0; box-sizing: content-box; } .secondDiv .SMBsolutionList li:after { content: ''; display: block; clear: both; } .secondDiv .SMBsolutionListImg { width: 382px; } .secondDiv .SMBsolutionListImg img { display: block; width: 100%; } .secondDiv .SMBListopen { display: inline-block; height: 20px; float: right; position: relative; padding-right: 30px; cursor: pointer; } .secondDiv .openList { height: 20px; margin-top: 30px; } .secondDiv .SMBListopen img { display: block; width: 20px; position: absolute; top: 0; right: 0; } .secondDiv .SMBListopen span { display: block; height: 20px; float: right; font-size: 14px; line-height: 20px; color: #e60517; } .secondDiv .SMBListopen .closeGo { display: none; } /* 移动端 */ .secondDiv .SMBsolutionH5Btn { display: none; } @media screen and (max-width:768px) { /* 标题大小变化 */ .secondDiv .SMBsolution { font-size: 75px; padding-top: 0; } .secondDiv .openList { display: none; } .secondDiv .SMBsolutionH5Btn { display: block; } .secondDiv .secondSolve { background-color: #f5f5f5; margin-top: 5.3%; } .secondDiv .SMBsolutionPC { overflow: hidden; padding-bottom: 5.3%; } .secondDiv .SMBsolutionPC li { width: 100%; padding: 0 16px; box-sizing: border-box; } .secondDiv .SMBsolutionPC li .secondWrapBox { padding: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .secondDiv .SMBsolutionListImg { width: 100%; } .secondDiv .SMBsolutionList { overflow: visible; } .secondDiv .SMBsolutionListText { width: 100%; padding: 5.2% 4% 6.7%; } .secondDiv .SMBsolutionListText h3 { font-size: 46.6%; color: #333; } .secondDiv .SMBsolutionListText p { font-size: 40%; color: #666; margin-top: 2%; line-height: 1.6; } body.ie8 .SMBsolutionPC li .secondWrapBox { border: 1px solid #f5f5f5; } .secondDiv .SMBsolutionListGo { width: 100%; margin-top: 5.3%; } .secondDiv .SMBsolutionListGo a { display: inline-block; float: right; position: relative; padding-right: 6.6%; font-size: 37%; line-height: 1; color: #333; } .secondDiv .SMBsolutionListGo a img { display: block; width: auto; height: 100%; position: absolute; top: 0; right: 0; } body.ie8 .SMBsolutionList li { margin-bottom: 20px; } } @media screen and (max-width:700px) { .secondDiv .SMBsolution { font-size: 60px; } } @media screen and (max-width:640px) { .secondDiv .SMBsolution { font-size: 50px; } } @media screen and (max-width:414px) { .secondDiv .SMBsolution { font-size: 44px; } } @media screen and (max-width:375px) { .secondDiv .SMBsolution { font-size: 37.5px; } } /* SMB解决方案页面结束 */ /* 技术解决方案开始（单独样式） */ #technology_solution .secondSolve { background-color: #f5f5f5; } #technology_solution .solutionGoList { width: 100%; margin-top: 3%; line-height: 0; } #technology_solution .solutionGoList a { display: block; float: left; margin-right: 3%; font-size: 14px; line-height: 1; color: #333; margin-bottom: 20px; } #technology_solution .solutionGoList a span { color: #e60012; margin-right: 10px; } @media screen and (max-width:1000px) { #technology_solution .SMBsolutionListText { padding-top: 1%; } } @media screen and (max-width:768px) { #technology_solution .SMBsolutionListText { padding-top: 4%; padding-bottom: 2%; } #technology_solution .solutionGoList a { min-width: 30%; margin: 0 0 4% 0; font-size: 34%; color: #333333; } } /* 技术解决方案结束 */ /* 新IT顶层规划开始 */ .secondDiv .secondPicture { font-size: 32px; padding-top: 40px; } .secondDiv .secondPictureCon { width: 100%; padding: 40px 0; box-sizing: content-box; overflow: hidden; background-color: #f5f5f5; } .secondDiv .secondPictureImg { width: 500px; float: left; overflow: hidden; } .secondDiv .secondPictureImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .secondDiv .secondPictureImg img { display: block; width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .secondDiv .secondPictureText { width: 100%; padding-left: 575px; padding-top: 60px; } .secondDiv .secondPictureText h3 { font-size: 30px; color: #3c3c3c; } .secondDiv .secondPictureText p { font-size: 16px; color: #666; margin-top: 2.3%; line-height: 1.5; } @media screen and (max-width:1100px) { .secondDiv .secondPictureText { padding-top: 30px; } } @media screen and (max-width:980px) { .secondDiv .secondPictureText { padding-top: 0px; } } @media screen and (max-width:900px) { .secondDiv .secondPicture { font-size: 75px; } #top_level_planning .secondEntH3 { font-size: 32px; } .secondDiv .secondPictureCon { width: auto; padding: 5.3% 16px; } .secondDiv .secondPictureCon .secondWrapBox { padding: 0; background-color: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .secondDiv .secondPictureImg { width: 100%; float: none; } .secondDiv .secondPictureText { float: none; padding: 4.1% 3.34%; } .secondDiv .secondPictureText h3 { font-size: 40%; color: #3c3c3c; } .secondDiv .secondPictureText p { font-size: 34.66%; color: #666666; margin-top: 3.1%; } } @media screen and (max-width:768px) { .secondDiv .secondPicture { padding-top: 0; } } @media screen and (max-width:700px) { .secondDiv .secondPicture { font-size: 60px; } } @media screen and (max-width:640px) { .secondDiv .secondPicture { font-size: 50px; } } @media screen and (max-width:414px) { .secondDiv .secondPicture { font-size: 44px; } } @media screen and (max-width:375px) { .secondDiv .secondPicture { font-size: 37.5px; } } /* 单独样式开始 */ #top_level_planning .serviceList { font-size: 32px; padding-top: 40px; } #top_level_planning .serviceLevelConList:after { content: ''; display: block; clear: both; } #top_level_planning .serviceLevelConList li { width: 32%; float: left; margin-left: 1%; height: 200px; } #top_level_planning .serviceLevelConList li:hover { background: #f9f9f9; } #top_level_planning .serviceLevelConList li:hover .serviceLevelConImgH5 { color: #e60012; } #top_level_planning .serviceLevelConList li a { display: block; width: 100%; padding: 7.8% 0 7.7%; } #top_level_planning .serviceLevelConImg { display: block; width: 100%; margin-top: 10px; } #top_level_planning .serviceLevelConImg img { display: block; height: 62px; margin: 0 auto; } #top_level_planning .serviceLevelConImgH5 { width: 100%; padding: 0 2%; text-align: center; margin: 20px 0 15px; font-size: 22px; color: #242424; } #top_level_planning .serviceLevelConImgp { width: 80%; overflow: hidden; margin: 0 auto; text-align: center; font-size: 14px; color: #666666; } @media screen and (max-width:768px) { #top_level_planning .serviceList { padding-top: 0; font-size: 75px; } #top_level_planning .secondEntH3 { font-size: 59.4%; } #top_level_planning .serviceLevelConList li { width: 33.33%; padding: 0 2%; margin: 0; } #top_level_planning .serviceLevelConImgH5 { color: #333; font-size: 46.6%; } #top_level_planning .serviceLevelConImgp { width: 90%; font-size: 40%; color: #666; text-align: left; } } @media screen and (max-width:700px) { #top_level_planning .serviceList { font-size: 60px; } } @media screen and (max-width:640px) { #top_level_planning .serviceList { font-size: 50px; } } @media screen and (max-width:414px) { #top_level_planning .serviceList { font-size: 44px; } } @media screen and (max-width:375px) { #top_level_planning .serviceList { font-size: 37.5px; } } /* 新IT顶层规划结束 */ /* 新一代数据中心开始(单独样式) */ #Date_center .techH5 { display: none; } /* 新一代数据中心 */ #Date_center .techdata { padding-bottom: 50px; padding-top: 40px; background: #fff; font-size: 32px; } /* width 1068px */ #Date_center .techdataConIconList { width: 89%; margin: 0 auto; } #Date_center .techdataConIconList:after { content: ''; display: block; clear: both; } #Date_center .techdataConIconList li { width: 14.6%; float: left; margin-left: 13.866%; } #Date_center .techdataConIconList li a { display: block; width: 100%; height: 100%; } #Date_center .techdata li:first-child { margin-left: 0; } #Date_center .techdataConIconList li img { display: block; width: 100%; } #Date_center .techdataConLine { width: 100%; height: 60px; background-image: url(../images/techdataConLine.png); background-repeat: no-repeat; background-position: center center; } #Date_center .techdataConLineList { width: 89%; height: 100%; margin: 0 auto; } #Date_center .techdataConLineList li { width: 14.6%; height: 100%; float: left; margin-left: 13.866%; background-image: url(../images/techdataConLinedot.png); background-repeat: no-repeat; background-position: center center; } #Date_center .techdataTextList { width: 100%; height: 47px; margin: 0 auto; } #Date_center .techdataTextList li { width: 25%; height: 100%; float: left; } #Date_center .techdataTextListData img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #Date_center .techdataTextListData span { position: relative; z-index: 3; } #Date_center .techdataTextListData { width: 180px; height: 47px; line-height: 47px; display: block; font-size: 22px; color: #3c3c3c; margin: 0 auto; text-align: center; position: relative; z-index: 2; } #Date_center .techLong { width: 260px; } @media screen and (max-width:1200px) { #Date_center .techdataTextListData { width: 150px; height: 39px; line-height: 39px; font-size: 18px; } #Date_center .techLong { width: 210px; } } @media screen and (max-width:990px) { #Date_center .techdataTextListData { width: 120px; height: 31px; line-height: 31px; font-size: 12px; } #Date_center .techLong { width: 160px; } } @media screen and (max-width:900px) { #Date_center .secondEntH3 { font-size: 32px; } } /* 移动端新一代数据中心开始 */ #Date_center .techH5data .techH5Tit { width: 100%; padding: 5.3% 0 4%; background-color: #fff; text-align: center; color: #3c3c3c; font-size: 59.4%; } #Date_center .techH5dataCon { overflow: hidden; background: #fff; position: relative; } #Date_center .techH5dataTop { width: 100%; } #Date_center .techH5dataTop:after { content: ''; display: block; clear: both; } #Date_center .techH5dataTop li { width: 50%; float: left; } #Date_center .techH5 .techH5dataTop li img { display: block; width: 48.8%; margin: 0 auto; } #Date_center .techH5dataCenter { width: 100%; height: 7px; background-image: url(../images/techH5dataCenter.png); background-repeat: no-repeat; background-position: center center; } #Date_center .techH5dataCenter li { width: 50%; height: 100%; float: left; } #Date_center .techH5dataCenter li i { display: block; width: 7px; height: 7px; background-image: url(../images/techdataConLinedot.png); background-repeat: no-repeat; margin: 0 auto; } #Date_center .techH5dataBott { padding: 6.26% 0; } #Date_center .techH5dataBott li { width: 50%; height: 100%; float: left; } #Date_center .techH5dataBott li .techBox { display: block; width: 61.33%; height: 100%; margin: 0 auto; position: relative; padding: 2.67% 0; text-align: center; font-size: 37.33%; line-height: 1.5; color: #3c3c3c; } #Date_center .techH5dataBott li .techBox.long { width: 90%; } #Date_center .techH5dataBott li .techBox>img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #Date_center .techH5dataBott li .techBox>span { display: block; width: 100%; height: 100%; position: relative; } #Date_center .techH5 .swiper-button-prev, #Date_center .techH5 .swiper-button-next { background-image: none; width: 4.9%; top: 15%; margin-top: 0; } .swiper-containerDataH5>span>img { display: block; width: 100%; } body.ie8 .swiper-containerDataH5>span { display: none; } body.ie8 .swiper-containerDataH5 .swiper-slide { margin-bottom: 20px; } /* 移动端新一代数据中心结束 */ @media screen and (max-width:768px) { #Date_center .technicalPc { display: none; } #Date_center .techH5 { display: block; font-size: 75px; } #Date_center .secondEntH3 { font-size: 59.4%; } } @media screen and (max-width:700px) { #Date_center .techH5 { font-size: 60px; } } @media screen and (max-width:640px) { #Date_center .techH5 { font-size: 50px; } } @media screen and (max-width:414px) { #Date_center .techH5 { font-size: 44px; } } @media screen and (max-width:375px) { #Date_center .techH5 { font-size: 37.5px; } } /* 新一代数据中心结束 */ /* 新IT行业应用开始 */ /* 新IT行业应用结束 */ /* 操作系统开始 */ #software .secondSolve { background-color: #f5f5f5; } /* 操作系统结束 */ /* 智能终端产品开始 */ /* 智能终端产品结束 */ /* 企业级产品开始 */ #Enterprise_product .secondSolve { background-color: #f5f5f5; } @media screen and (max-width:900px) { #Enterprise_product .secondEntH3 { font-size: 32px; } } @media screen and (max-width:768px) { #Enterprise_product .secondSolve { background-color: #fff; margin-top: 0; } #Enterprise_product .secondEntH3 { font-size: 59.4%; } } /* 企业级产品结束 */ /* 文档与软件开始 */ #Document .documentBox { font-size: 32px; padding-top: 40px; } #Document .documentBoxCon { background: #f5f5f5; padding: 40px 0; } #Document .documentWrapNav { width: 100%; height: 80px; background: #f5f5f5; } #Document .documentWrapNav li { width: 33.2%; height: 68px; line-height: 68px; float: left; margin-top: 12px; margin-left: 0.2%; background: #fdfdfd; border-bottom: 1px solid #ececec; cursor: pointer; } #Document .documentWrapNav li.active { color: #e61002; height: 80px; line-height: 80px; margin-top: 0; background: #fff; border: 1px solid #ececec; border: 0; border-bottom: 1px solid #fff; -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); } #Document .documentWrapNav li.active span img { top: 22.5px; } #Document .documentWrapNav li:first-child { margin-left: 0; } #Document .docunavImg { display: block; width: 35px; float: left; position: absolute; left: 0; top: 16px; } #Document .documentWrapNav li span { width: 150px; height: 80px; display: block; font-size: 24px; padding-left: 45px; margin: 0 auto; position: relative; } #Document .documentWrapCon { padding: 20px 30px; background: #fff; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } #Document .documentWrapCon:after { content: ''; display: block; clear: both; } #Document .wrapScroll { padding: 10px 0 20px; } #Document .WrapConBoxone { width: 18%; height: 370px; background: #fcfcfc; border: 1px solid #f7f6f6; overflow-y: scroll; float: left; } #Document .WrapConBoxtwo { width: 35%; height: 370px; background: #fcfcfc; border: 1px solid #f7f6f6; overflow-y: scroll; float: left; margin-left: 1.5%; } #Document .WrapConBoxthr { width: 44%; height: 370px; background: #fcfcfc; border: 1px solid #f7f6f6; overflow-y: scroll; float: left; margin-left: 1.5%; } #Document .documentWrapList { width: 100%; height: 100%; } #Document .documentWrapList li { width: 100%; height: 28px; overflow: hidden; line-height: 28px; margin-bottom: 5px; position: relative; padding-left: 28px; padding-right: 29%; font-size: 14px; color: #666; cursor: pointer; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } #Document .documentWrapList li a { display: block; width: 100%; height: 100%; color: #666; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #Document .documentWrapList li.hoveract, #Document .documentWrapList li.hoveract a { color: #e60012; background: #eee; } #Document .documentWrapList li.hoveract .listgoto { display: block; } #Document .documentWrapList li:hover { color: #e60012; background: #eee; } #Document .documentWrapList li:hover .listgoto { display: block; } #Document .documentWrapList li:hover a { color: #e60012; } #Document .documentWrapSearch { display: none; padding: 60px 0; background: #fff; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } #Document .searchCon { width: 73.75%; margin: 0 auto; } #Document .searchTwoBox { width: 100%; height: 50px; background: #fcfcfc; border: 1px solid #f7f6f6; position: relative; } #Document .searchDocumentInput { display: block; width: 100%; height: 100%; line-height: 50px; border: none; background: #fcfcfc; padding: 0 130px 0 20px; font-size: 14px; color: #333; } #Document .searchBoxbtn { width: 124px; height: 100%; position: absolute; top: 0; right: 0; } #Document .searchBoxbtn img { display: block; width: 20px; position: absolute; left: 28px; top: 15px; } #Document .searchBoxbtn input { display: block; width: 100%; height: 100%; border: 0; background: #f5f5f5; font-size: 24px; color: #333; padding-left: 50px; } #Document .kerwordList { width: 100%; margin-top: 40px; } #Document .kerwordList:after { content: ''; display: block; clear: both; } #Document .kerwordList li { width: 17.5%; float: left; margin-right: 10%; height: 50px; background: #fcfcfc; border: 1px solid #f7f6f6; font-size: 14px; color: #666; text-align: center; line-height: 50px; margin-bottom: 20px; cursor: pointer; } #Document .listgoto { display: block; width: 7px; position: absolute; right: 10%; top: 8px; display: none; } #Document .documentGoto { width: 100%; height: 78px; margin-top: 30px; } #Document .documentGoto li { width: 33.2%; height: 78px; float: left; margin-left: 0.2%; line-height: 78px; text-align: center; } #Document .documentGoto li:hover a { background: #e61002; color: #fff; border: none; } #Document .documentGoto li:first-child { margin-left: 0; } #Document .documentGoto li a { display: block; width: 100%; height: 100%; font-size: 24px; color: #666; background-color: #fff; border: 1px solid #e5e5e5; } #Document .documentGoto li:first-child { margin-left: 0; } #Document .documentH5 { display: none; padding: 6.4% 16px; background: #f5f5f5; } #Document .documentH5List { width: 100%; height: 100%; } #Document .documentH5List li { width: 100%; background: #fff; margin-bottom: 4%; } #Document .documentH5List li a { display: block; padding: 6.9% 0; width: 100%; height: 100%; line-height: 1; } #Document .documentH5List li span { display: block; width: 31%; height: 100%; padding: 1% 0 1% 9%; font-size: 37.33%; color: #666; position: relative; margin: 0 auto; } #Document .documentH5List li span img { display: block; height: 100%; position: absolute; top: 0; left: 0; } /*滚动条样式*/ #Document .wrapScroll::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } #Document .wrapScroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 1); background: #dcdcdc; } #Document .wrapScroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(248, 248, 248, 1); background: #f8f8f8; } @media screen and (max-width:1000px) { #Document .documentWrapNav li span { font-size: 20px; } } @media screen and (max-width:768px) { #Document .documentBox { font-size: 75px; padding-top: 0; } #Document .documentPC { display: none; } #Document .documentH5 { display: block; } } @media screen and (max-width:700px) { #Document .documentBox { font-size: 60px; } } @media screen and (max-width:640px) { #Document .documentBox { font-size: 50px; } } @media screen and (max-width:414px) { #Document .documentBox { font-size: 44px; } } @media screen and (max-width:375px) { #Document .documentBox { font-size: 37.5px; } } /* 文档与软件结束 /*产品订阅样式开始*/ #Document .select-res-but{ text-align:center; margin:20px 0; } #Document .select-res-but input{ padding:10px 0px; color:#fff; font-size:16px; background:#e60012; width:150px; text-align:center; cursor:pointer; border:0; display:inline-block; } #Document .product_subscription p{ color:#333; font-size:16px; } #Document .select-res p{ font-size:14px; padding:8px 30px 8px 16px; border-bottom:1px dashed #ddd; position:relative; } #Document .select-res p:before{ content:'>'; color:#e60012; margin-right:5px; position:absolute; left:0; } #Document .select-res p:last-child{ border-bottom:0; } #Document .select-res p a{ display:block; width:28px; height:28px; position:absolute; right:0; top:4px; cursor:pointer; background:url(/cn/tres/NewWebUI/images/index/subscription_close.png) no-repeat; } .product_subscription .select-box{ -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .product_subscription .select-box .wrap ul::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 1); background: #dcdcdc; } .product_subscription .select-box .wrap ul::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(248, 248, 248, 1); background: #f8f8f8; } .product_subscription .select-box .wrap ul::-webkit-scrollbar{ width:4px; height:4px; } .product_subscription .select-box .wrap ul{ padding: 10px 0 20px; height: 370px; background: #fcfcfc; border: 1px solid #f7f6f6; overflow-y: scroll; float: left; } .product_subscription .select-box .wrap{ padding:20px; background:#fff; } .product_subscription .select-box .wrap ul li { width: 100%; height: 28px; overflow: hidden; line-height: 28px; margin-bottom: 5px; position: relative; padding-left: 28px; padding-right: 29%; font-size: 14px; color: #666; cursor: pointer; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .product_subscription .select-box .wrap ul li.selected{ position:relative; color: #e60012; background: #eee; } .product_subscription .select-box .wrap ul li:hover:after, .product_subscription .select-box .wrap ul li.selected:after{ content: '>'; color: #e60012; position: absolute; right: 10px; background: #eee; top: 0; } .product_subscription .select-box .wrap ul li:hover{ background: #eee; } .product_subscription .select-box .wrap ul li.selected{ position:relative; color: #e60012; background: #eee; } .product_subscription .select-box .wrap ul.third li:hover:after, .product_subscription .select-box .wrap ul.third li.selected:after{ content: ''; } .product_subscription .select-box .wrap ul.first{ width:18%; } .product_subscription .select-box .wrap ul.second{ width:35%; margin:0 1.5%; } .product_subscription .select-box .wrap ul.third{ width:44%; } @media screen and (max-width:767px) { #Document .product_subscription .select-box .wrap ul{ width:100%; height:200px; margin:15px 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); padding:0; } .product_subscription .select-box .wrap{ padding:15px; } #Document .select-res p a{ background:url(/cn/tres/NewWebUI/images/index/subscription_close_mb.png) no-repeat; background-size: cover; } } /*产品订阅样式结束*/ /* 在线帮助开始 */ @media screen and (max-width:768px) { #top_level_planning.onlie_service .serviceLevelConList li { background: #ffffff; padding: 0; margin-bottom: 4.6%; width: 48.57%; } #top_level_planning.onlie_service .serviceLevelConImgp { padding: 0 2%; } .onlie_service .serviceList { background-color: #f5f5f5; } } @media screen and (max-width:768px) { #top_level_planning.onlie_service .serviceLevelConImgH5 { font-size: 40%; } #top_level_planning.onlie_service .serviceLevelConImgp { font-size: 34%; } } @media screen and (max-width:480px) { #top_level_planning.onlie_service .serviceLevelConImgH5 { font-size: 36%; } #top_level_planning.onlie_service .serviceLevelConImgp { font-size: 30%; } #top_level_planning .serviceLevelConImg img { height: auto; width: 60%; } } /* 在线帮助结束 */ /* 政策动态开始 */ .secondDiv.Policy_dynamics .industrySoluList li { width: 28%; padding: 10px 2.65%; } @media screen and (max-width:768px) { .Policy_dynamics #newsWrap.protechJourn { background: #ffffff; } .Policy_dynamics #newsWrap.protechJourn .columEntH3 { background: #ffffff; } } /* 政策动态结束 */ /* 渠道新闻开始*/ .become_partners.secondDiv .secondSolveConListText span.more { display: block; text-align: right; width: 100%; height: 20px; font-size: 14px; margin-top: 8px; color: #333; } .become_partners.secondDiv .secondSolveConListText span.more img { position: relative; top: 5px; margin-left: 10px; right: 0; } .become_partners.secondDiv .secondSolveConListText h6 { color: #333; font-size: 18px; } .become_partners.secondDiv ul.shandowHoverall li { position: relative; padding-bottom: 40px; } /* 渠道新闻结束*/ /*合作伙伴资源中心开始*/ #partner_resource_centre .solutionGoList { width: 100%; margin-top: 3%; line-height: 0; } #partner_resource_centre .solutionGoList a { display: block; float: left; margin-right: 3%; font-size: 14px; line-height: 1; color: #333; margin-bottom: 20px; } #partner_resource_centre .solutionGoList a span { color: #e60012; margin-right: 10px; } #partner_resource_centre.secondDiv .SMBsolutionList li { height: auto; } #partner_resource_centre.secondDiv .solutionGoList:after { content: ''; display: block; clear: both; } /* 模板公司动态样式 */ #partner_resource_centre.secondDiv .SMBsolutionListNews { width: 100%; margin-top: 20px; } #partner_resource_centre.secondDiv .SMBsolutionListNews p { width: 100%; padding-left: 16px; font-size: 14px; line-height: 1; color: #333; margin-bottom: 20px; position: relative; } #partner_resource_centre.secondDiv .SMBsolutionListNews p a { display: block; width: 100%; height: 100%; color: #333; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #partner_resource_centre.secondDiv .SMBsolutionListNews p a:hover { color: #e60012; } #partner_resource_centre.secondDiv .SMBsolutionListNews p span { display: block; width: 10px; text-align: center; position: absolute; top: 0; left: 0; color: #e60012; } /* 公司概况样式 */ #partner_resource_centre.secondDiv.company_info .H5seeMore { width: 100%; text-align: center; font-size: 40%; color: #e60012; display: none; cursor: pointer; } #partner_resource_centre.secondDiv.company_info .H5seeMore span { display: inline-block; position: relative; } #partner_resource_centre.secondDiv.company_info .H5seeMore img { height: 80%; vertical-align: middle; display: block; position: absolute; top: 10%; left: 100%; } /* 视频样式 */ #partner_resource_centre.secondDiv.company_info #videoWrapPC.videoPc { background: #f5f5f5; } #videoWrapPC .proVidConList li { background: #fff; } #videoWrapPC .proVidConText { -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } @media screen and (max-width:768px) { #partner_resource_centre.secondDiv .SMB_f5f .SMBsolutionListImg, #partner_resource_centre.secondDiv .SMB_fff .SMBsolutionListImg { float: none; } #partner_resource_centre.secondDiv .solutionGoList a { width: 50%; margin-right: 0; font-size: 40%; } #partner_resource_centre.secondDiv .SMB_f5f { background: #fff; } #partner_resource_centre.secondDiv .SMBsolutionList li { margin-bottom: 20px; } #partner_resource_centre.secondDiv .SMBsolutionPC { overflow: hidden; padding-bottom: 5.3%; } #partner_resource_centre.secondDiv .SMBsolutionPC li { width: 100%; padding: 0 16px; box-sizing: border-box; } #partner_resource_centre.secondDiv .SMBsolutionPC li .secondWrapBox { padding: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #partner_resource_centre.secondDiv .SMBsolutionListImg { width: 100%; } #partner_resource_centre.secondDiv .SMBsolutionList { overflow: visible; } #partner_resource_centre.secondDiv .SMBsolutionListText { width: 100%; padding: 5.2% 4% 6.7%; } #partner_resource_centre.secondDiv .SMBsolutionListText h3 { font-size: 46.6%; color: #333; } #partner_resource_centre.secondDiv .SMBsolutionListText p { font-size: 40%; color: #666; margin-top: 2%; line-height: 1.6; } body.ie8 .SMBsolutionPC li .secondWrapBox { border: 1px solid #f5f5f5; } #partner_resource_centre.secondDiv .SMBsolutionListGo { width: 100%; margin-top: 5.3%; } #partner_resource_centre.secondDiv .SMBsolutionListGo a { display: inline-block; float: right; position: relative; padding-right: 6.6%; font-size: 37%; line-height: 1; color: #333; } #partner_resource_centre.secondDiv .SMBsolutionListGo a img { display: block; width: auto; height: 100%; position: absolute; top: 0; right: 0; } /* 模板公司动态移动端样式 */ #partner_resource_centre.secondDiv .SMBsolutionListNews p { margin-bottom: 4.2%; padding-left: 5%; margin-top: 0; } #partner_resource_centre.secondDiv .SMBsolutionListNews { margin-top: 4.6%; } #partner_resource_centre.secondDiv .SMBsolutionListNews p span { width: 4.4%; } /* 公司概况样式 */ #partner_resource_centre.secondDiv.company_info .SMBsolutionList { overflow: hidden; } #partner_resource_centre.secondDiv.company_info .H5seeMore { display: block; margin-top: 2%; } #videoWrapH5 .protechH5VidBtn, #partner_resource_centre.secondDiv.company_info .protechH5Tit { background: #f5f5f5; } #partner_resource_centre.secondDiv.company_info #videoWrapH5 .protechH5VidBtn, #partner_resource_centre.secondDiv.company_info .protechH5VideoCon, #partner_resource_centre.secondDiv.company_info #videoWrapH5 { background: #f5f5f5; } } /*合作伙伴资源中心结束*/ /* 成为合作伙伴开始 */ @media screen and (max-width:768px) { .become_partners.secondDiv .secondSolveCon { padding: 0 16px; } .become_partners.secondDiv .secondSolve { background: #fff; } .become_partners.secondDiv .secondWrapBox { padding: 0; } .become_partners#top_level_planning .secondEntH3 { background: #ffffff; } .become_partners .serviceList { background: #f5f5f5; } .become_partners#top_level_planning .serviceLevelConList { padding: 0 16px; } .become_partners#top_level_planning .serviceLevelConList li { padding: 0 2%; margin: 4% 2%; width: 29.33%; background: #ffffff; } .become_partners#top_level_planning .serviceLevelConList li .serviceLevelConImgH5 { font-size: 42%; } .become_partners#top_level_planning .serviceLevelConImgp { font-size: 36%; } } @media screen and (max-width:550px) { .become_partners#top_level_planning .serviceLevelCon { font-size: 55px; } } @media screen and (max-width:480px) { .become_partners#top_level_planning .serviceLevelCon { font-size: 48px; } } @media screen and (max-width:414px) { .become_partners#top_level_planning .serviceLevelCon { font-size: 41.4px; } } @media screen and (max-width:375px) { .become_partners#top_level_planning .serviceLevelCon { font-size: 37.5px; } } /* 成为合作伙伴结束 */ /* 建设中页面开始 */ #build_page .build_page_padd { padding-top: 100px; } #build_page .build_page_icon { width: 100%; height: 576px; background: #fff; position: relative; } #build_page .build_page_iconBox { width: 100%; height: 168px; position: absolute; top: 204px; left: 0; } #build_page .build_page_iconBox>img { display: block; width: 163px; margin: 0 auto; } #build_page .build_page_iconBox>p { display: block; text-align: center; margin: 0 auto; font-size: 20px; color: #333; margin-top: 26px; } @media screen and (max-width:768px) { #build_page .build_page_padd { display: none; } #build_page .build_page_icon { height: auto; padding: 20% 0; } #build_page .build_page_iconBox { font-size: 50px; height: auto; position: relative; top: 0; left: 0; } #build_page .build_page_iconBox>img { width: 30%; } #build_page .build_page_iconBox>p { font-size: 40%; } } @media screen and (max-width:550px) { #build_page .build_page_iconBox { font-size: 55px; } } @media screen and (max-width:480px) { #build_page .build_page_iconBox { font-size: 48px; } } @media screen and (max-width:414px) { #build_page .build_page_iconBox { font-size: 41.4px; } } @media screen and (max-width:375px) { #build_page .build_page_iconBox { font-size: 37.5px; } } /* 建设中页面结束 */ /* 趋势洞察集合页面样式开始 */ /* 该部分使用的 关于我们-公司概况 页面的模板样式，所以一下样式层级必须高于默认样式 */ .secondDiv #trend_insight li .SMBsolutionListImg { float: left; } .secondDiv #trend_insight li .SMBsolutionListText { padding-left: 432px; padding-right: 0; padding-top: 3.9%; } .secondDiv #trend_insight li .SMBsolutionListText h3 a { -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } @media screen and (max-width:768px) { .secondDiv #trend_insight li .SMBsolutionListText { width: 100%; padding: 5.2% 4% 6.7%; } } /* 趋势洞察集合页面样式结束 */ /* 公共搜索页面开始 */ #BaseSearch .crumbsBox { padding-top: 30px; background: #f5f5f5; } #BaseSearch .crumbsBox #crumbs.colmunPc { margin-top: 0; } #BaseSearch .baseSearchTop { background: #f5f5f5; padding-top: 30px; position: relative; z-index: 2; } #BaseSearch .basesearchInput { width: 100%; height: 48px; border: 1px solid #d8d8d8; position: relative; } #BaseSearch #txtSearch { width: 100%; height: 100%; line-height: 48px; border: none; background-color: none; padding-left: 20px; padding-right: 60px; font-size: 16px; color: #333333; position: absolute; top: 0; left: 0; } #BaseSearch .baseBtnSearchicon { width: 60px; height: 48px; position: absolute; top: -1px; right: -1px; background-color: #e60012; } #BaseSearch .baseBtnSearchicon>img { display: block; width: 24px; position: absolute; top: 12px; left: 16px; } #BaseSearch #baseBtnSearch { display: block; width: 60px; height: 48px; position: absolute; top: -1px; right: -1px; background: none; border: none; } #BaseSearch .searchdrapList { position: absolute; top: 47px; left: -1px; right: -1px; border: 1px solid #d8d8d8; border-top: 0; background: #fff; padding: 5px 0; display: none; } #BaseSearch .searchdrapList li { width: 100%; padding-left: 2%; height: 32px; line-height: 32px; font-size: 14px; color: #333333; } #BaseSearch .searchdrapList li:hover { color: #2266af; background: #f5f5f5; } /* 选择搜索形式样式开始 */ #BaseSearch .baseSearchTypeRad { width: 100%; padding: 14px 0 20px; overflow: hidden; } #BaseSearch .baseSearchTypeLeft { width: 50%; height: 18px; list-style: height 18px; float: left; } #BaseSearch .baseSearchTypeLeft>input { display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; background-color: #f5f5f5; border: 1px solid #b9b9b9; } body.ie8 #BaseSearch .baseSearchTypeLeft>input { border: none; } #BaseSearch .baseSearchTypeLeft>span { display: inline-block; height: 18px; line-height: 18px; font-size: 14px; color: #666666; vertical-align: top; } #BaseSearch .Research { margin-right: 30px; } #BaseSearch .baseSearchTypeRight { height: 18px; list-style: height 18px; float: right; color: #b8b8b8; font-size: 14px; } #BaseSearch .baseSearchTypeRight>a { display: inline-block; color: #2266af; font-size: 14px; padding-right: 8px; padding-left: 4px; } #BaseSearch .baseSearchTypeRight>a:hover { color: #e60012; } #BaseSearch .baseSearchTypeRight>a.searchProblem { padding-right: 0; } /* 选择搜索形式样式结束 */ /* 搜索结果列表样式开始 */ #BaseSearch .baseSearchList .secondWrapBox { overflow: hidden; } #BaseSearch .baseSearchListCon { width: 72%; float: left; } #BaseSearch .baseSearchListConTime { padding: 20px 0 14px; line-height: 14px; position: relative; border-bottom: 1px solid #e6e6e6; } #BaseSearch .ListConTimeDes { width: 70%; font-size: 14px; line-height: 1.5; color: #666; } #BaseSearch .ListConTimeType { float: right; position: absolute; right: 0; top: 20px; font-size: 14px; line-height: 1.5; color: #b8b8b8; } #BaseSearch .ListConTimeType span { color: #2266af; padding-left: 4px; cursor: pointer; } #BaseSearch .TypeDegree { padding-right: 8px; } #BaseSearch .ListConTimeType span.TypeAvtive { color: #e60012; } /* 搜索结果中红色着重样式 */ #BaseSearch .searchResult .highlight { color: #e60012; } #BaseSearch .searchResultList li { margin-top: 20px; } #BaseSearch .searchResultList li .searchResultListTit { color: #2266af; font-size: 16px; height: 16px; line-height: 1; } #BaseSearch .searchResultList li .searchResultListTit a { display: inline-block; max-width: 100%; height: 100%; color: #2266af; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #BaseSearch .searchResultList li .searchResultListTex { color: #666666; font-size: 14px; margin-top: 10px; line-height: 1.6; } #BaseSearch .searchResultListUrl { font-size: 14px; color: #333; margin-top: 6px; } #BaseSearch .searchResultListUrl>a { display: inline-block; padding-left: 8px; padding-right: 8px; border-left: 1px solid #9d9d9d; font-size: 14px; color: #95add1; } #BaseSearch .searchResultListUrl>a:first-child { padding-left: 8px; border-left: none; } #BaseSearch .searchResultListlabel { font-size: 14px; color: #666; margin-top: 6px; word-wrap: break-word } /* 相关搜索开始 */ #BaseSearch #relatedSearch { width: 100%; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } #BaseSearch .rsTit { font-size: 16px; color: #333333; } #BaseSearch #relatedSearch table { width: 100%; margin-top: 14px; } #BaseSearch #relatedSearch table th { text-align: left; vertical-align: top; padding-left: 10px; line-height: 24px; } #BaseSearch #relatedSearch table th:first-child { padding-left: 0; } #BaseSearch #relatedSearch table th a { color: #2266af; font-size: 14px; } /* 相关搜索结束 */ /* 页码样式开始 */ .secondDiv .pageNumber { padding: 20px 130px 20px 0; text-align: right; position: relative; font-size: 0; overflow: hidden; } .secondDiv .pageNumber a { box-sizing: content-box; display: inline-block; font-size: 16px; min-width: 14px; padding: 0 10px; height: 34px; line-height: 34px; text-align: center; color: #666666; } .secondDiv .pageNumber a span { display: inline-block; height: 100%; } .secondDiv .pageNumber a.pageActive { color: #fff; background: #e60012; border: 1px solid #e60012; } .secondDiv .pageellipis { display: inline-block; height: 100%; font-size: 14px; line-height: 34px; margin-right: 10px; color: #666; } .secondDiv .selectSearch { width: 130px; height: 34px; line-height: 34px; position: absolute; top: 20px; right: 0; color: #666666; font-size: 14px; } .secondDiv .pageLing { font-size: 12px; margin: 0 2px; vertical-align: top; color: #000; } .secondDiv .pagesNumBox { display: inline-block; color: #666; padding: 0 10px; font-size: 14px; height: 34px; line-height: 35px; } .secondDiv .selectSearch #searchselect { text-align: center; min-width: 45px; padding: 4px 0; line-height: 34px; -webkit-appearance: menulist; border-width: 1px; border-color: #e6e6e6; font-size: 14px; } .secondDiv .pageInput { border: 1px solid #e6e6e6; height: 30px; font-size: 14px; padding: 0 4px; width: 50px; color: #333; height: 30px; } .pageInputBtn { border: 0; height: 30px; font-size: 14px; color: #fff; height: 30px; padding: 0 10px; font-size: 14px; background: #e60012; } /* 页码样式结束 */ /* 搜索结果列表样式结束 */ /* 搜索结果右侧关键词列表样式开始 */ #BaseSearch .baseSearchListExt { width: 25%; float: right; padding-top: 20px; } #BaseSearch .SearchListExtTit { width: 100%; height: 36px; line-height: 36px; padding-left: 16px; font-size: 16px; color: #666666; background-color: #f5f5f5; } #BaseSearch .extList { padding: 10px 0; } #BaseSearch .extList a { display: block; width: 100%; font-size: 14px; color: #2266af; height: 24px; line-height: 24px; padding-left: 16px; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #BaseSearch .extListMore { padding: 15px 0 15px 16px; border-bottom: 1px solid #ebebeb; } #BaseSearch .extListMoreTop { height: 14px; line-height: 14px; position: relative; font-size: 14px; } #BaseSearch .extListMoreIcon { position: absolute; top: 0; right: 0; height: 14px; font-size: 12px; line-height: 14px; color: #333333; padding-left: 16px; cursor: pointer; } #BaseSearch .extListMoreIcon.redactive { color: #e60012; } #BaseSearch .extListMoreIcon img { display: block; position: absolute; top: 1px; left: 0; } #BaseSearch .extListMoreIcon .moreIconslice { display: none; } #BaseSearch .extListMoreList { height: 165px; overflow: hidden; } #BaseSearch .extListMoreList a { display: block; color: #2266af; font-size: 14px; margin-top: 14px; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #BaseSearch .extListMoreList a:before { content: '>'; color: #b6b6b6; margin-right: 8px; } /* 搜索结果右侧关键词列表样式结束 */ @media screen and (max-width:768px) { #BaseSearch .crumbsBox { display: none; } #BaseSearch .baseSearchCon { font-size: 50px; } /* 右侧盒子消失 */ #BaseSearch .baseSearchListExt { display: none; } #BaseSearch .baseSearchTypeRight { display: none; } #BaseSearch .ListConTimeType { display: none; } #BaseSearch .ListConTimeDes, #BaseSearch .baseSearchListCon { width: 100%; } #BaseSearch .ListConTimeDes { font-size: 42%; } #BaseSearch .baseSearchTypeLeft { width: 100%; } #BaseSearch .baseSearchTypeLeft { line-height: 0; } #BaseSearch .baseSearchTypeLeft>span { margin-right: 1%; font-size: 42%; } #BaseSearch .baseSearchTypeLeft>input { width: 5%; } #BaseSearch .searchResultList li .searchResultListTit { font-size: 50%; height: auto; } #BaseSearch .searchResultList li .searchResultListTex, #BaseSearch .searchResultListUrl, #BaseSearch .searchResultListlabel { font-size: 40%; } #BaseSearch .searchResultList li { margin-top: 4.66%; } #BaseSearch .searchResultListUrl>a { font-size: 100%; } .secondDiv .pageNumber { font-size: 100%; } .secondDiv .pageNumber a.pagedot, .secondDiv .pageellipis { display: none; } #BaseSearch #relatedSearch table th { display: block; padding: 0; } #BaseSearch #relatedSearch table { margin-top: 2%; } .secondDiv .pageNumber a { font-size: 40%; padding: 0; } .secondDiv .pageNumber { padding: 6% 0; line-height: 0; overflow: hidden; text-align: center; } .secondDiv .selectSearch { width: auto; margin: 2% auto 0; height: 50%; line-height: 0; text-align: center; font-size: 40%; position: relative; top: 0; left: 0; } .secondDiv .selectSearch span { font-size: 80%; } .secondDiv .selectSearch #searchselect { font-size: 100%; padding: 1% 0; background: #fff; } .secondDiv .pageNumber a span { font-size: 100%; } .secondDiv .pageNumber a span .pageLing { font-size: 70%; } .secondDiv .pagesNumBox { font-size: 40%; } } @media screen and (max-width:640px) { #BaseSearch .baseSearchCon { font-size: 64px; } } @media screen and (max-width:550px) { #BaseSearch .baseSearchCon { font-size: 55px; } } @media screen and (max-width:480px) { #BaseSearch .baseSearchCon { font-size: 48px; } } @media screen and (max-width:414px) { #BaseSearch .baseSearchCon { font-size: 41.4px; } } @media screen and (max-width:375px) { #BaseSearch .baseSearchCon { font-size: 37.5px; } } /* 搜索无结果页面 默认是隐藏*/ #BaseSearch .errResult { width: 72%; float: left; padding-top: 18px; display: none; } #BaseSearch .errResultTit { font-size: 16px; color: #666666; } #BaseSearch .errResultTit span { color: #2266af; } #BaseSearch .errsoluteList p { font-size: 14px; height: 14px; line-height: 1; color: #666666; margin-top: 14px; } #BaseSearch .errsoluteList p.suggestdot:before { content: '>'; margin-right: 5px; color: #b6b6b6; } #BaseSearch .baseSearchListConNo { padding: 10px 0 30px; line-height: 1; position: relative; border-bottom: 1px solid #e6e6e6; } @media screen and (max-width:768px) { #BaseSearch .errResult { padding-bottom: 5%; } #BaseSearch .errResult { width: 100%; } #BaseSearch .baseSearchListConNo span { font-size: 50%; } } /* 公共搜索页面结束 */ /* 高级搜索页面样式开始 */ #BaseSearch.advancedsearch .crumbsBox { background: #fff; } #BaseSearch.advancedsearch .advancesearchCon { margin-top: 30px; } #BaseSearch.advancedsearch .advancedTit { height: 35px; line-height: 35px; font-size: 16px; color: #666666; background: #f5f5f5; padding-left: 12px; } #BaseSearch.advancedsearch .advanceBox { padding-left: 12px; margin-top: 20px; overflow: hidden; } #BaseSearch.advancedsearch .advancesearchName { width: 146px; float: left; height: 34px; line-height: 34px; font-size: 14px; color: #666666; } #BaseSearch.advancedsearch .inputTextBox { width: 100%; padding-left: 146px; } #BaseSearch.advancedsearch .inputTextBox .inputText { width: 100%; height: 34px; line-height: 34px; border: 1px solid #d8d8d8; font-size: 14px; color: #333333; padding-left: 10px; } #BaseSearch.advancedsearch .inputTextBox p { font-size: 14px; color: #999999; margin-top: 10px; } #BaseSearch.advancedsearch .inputRadio { display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #b9b9b9; } body.ie8 #BaseSearch.advancedsearch .inputRadio { border: none; } #BaseSearch.advancedsearch .advanRangeSpan { margin-right: 30px; font-size: 14px; color: #666; } #BaseSearch.advancedsearch .RangeBox { height: 34px; line-height: 34px; } #BaseSearch.advancedsearch .inputTextBox span { font-size: 14px; color: #666; } #BaseSearch.advancedsearch .baseSearchListExt { padding-top: 0; } #BaseSearch.advancedsearch .SelectBox select { text-align: center; min-width: 45px; padding: 4px 0; border-width: 1px; -webkit-appearance: menulist; border-color: #d8d8d8; color: #666; font-size: 14px; } #BaseSearch.advancedsearch .chineseInput>input { display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #b9b9b9; } body.ie8 #BaseSearch.advancedsearch .chineseInput>input { border: none; } #BaseSearch.advancedsearch .cheseListOne { padding-top: 5px; } #BaseSearch.advancedsearch .cheseListOne:after { content: ''; display: block; clear: both; } #BaseSearch.advancedsearch .cheseListOneBox { float: left; width: 25%; height: 14px; line-height: 0; margin-bottom: 15px; } #BaseSearch.advancedsearch .cheseListOneBox input { vertical-align: middle; width: 18px; -webkit-appearance: checkbox; border-color: #d8d8d8; } .chineseInput { margin-bottom: 10px; } #BaseSearch.advancedsearch .cheseListTwo { padding-top: 10px; display: none; } #BaseSearch.advancedsearch .cheseListTwo input { display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #b9b9b9; } #BaseSearch.advancedsearch .advancedSubmit { padding-left: 146px; padding-bottom: 40px; margin-top: 20px; overflow: hidden; } #BaseSearch.advancedsearch .advancedSubmit>input { display: block; width: 90px; height: 32px; border: none; background: #999; color: #fff; float: left; } #BaseSearch.advancedsearch #advancedSearch { background: #e60012; margin-right: 40px; } @media screen and (max-width:768px) { #BaseSearch.advancedsearch .advancesearchCon { margin-top: 0; } #BaseSearch.advancedsearch .baseSearchListCon { padding-top: 35px; } #BaseSearch.advancedsearch .advancedTit { width: 100%; position: absolute; top: 0; left: 0; } #BaseSearch.advancedsearch .advanceBox { padding-left: 0; margin-top: 2%; } #BaseSearch.advancedsearch .advancesearchName { float: none; } #BaseSearch.advancedsearch .inputTextBox { padding-left: 0; } #BaseSearch.advancedsearch .advancedSubmit { padding-left: 0; width: 70%; margin: 5% auto 0; } #BaseSearch.advancedsearch #advancedSearch { float: left; margin-right: 0; } #BaseSearch.advancedsearch #advancedBtn { float: right; } #BaseSearch.advancedsearch .SelectBoxAdvan .advancesearchName { float: left; } #BaseSearch.advancedsearch .cheseListOneBox { width: 40%; } } @media screen and (max-width:320px) { #BaseSearch.advancedsearch .advancedSubmit { width: 80%; } } /* 高级搜索页面样式结束 */ /* 三级页面样式开始 */ /* 关于我们>联系我们>办事处开始 */ .secondDiv.threeDiv .officeCon { font-size: 32px; padding-top: 40px; padding-bottom: 40px; } .secondDiv.threeDiv .officeConBox { width: 100%; } .secondDiv.threeDiv .officeConBox .secondWrapBox:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .officeRegion { width: 72%; float: left; border: 1px solid #f5f5f5; position: relative; padding-top: 48px; } .secondDiv.threeDiv .officeRight { width: 25%; float: right; } .secondDiv.threeDiv .officeNav { height: 48px; border-bottom: 2px solid #e60012; position: absolute; top: -1px; left: -1px; right: -1px; } .secondDiv.threeDiv .officeNav li { width: 25%; float: left; height: 100%; text-align: center; line-height: 48px; font-size: 18px; color: #666666; position: relative; cursor: pointer; } .secondDiv.threeDiv .officeNav li>i { display: block; width: 1px; height: 14px; background-color: #d5d5d5; position: absolute; top: 17px; right: 0; } .secondDiv.threeDiv .officeNav li.officeAct { background: #e60012; color: #fff; } .secondDiv.threeDiv .officeNav li.officeAct>i { display: none; } /* 地区列表开始 */ .secondDiv.threeDiv .officeListCon { padding: 0 30px; } .secondDiv.threeDiv .officeListUl { width: 100%; display: none; } .secondDiv.threeDiv .offlisUlShow { display: block; } .secondDiv.threeDiv .officeListUl li { padding: 20px 0 0; border-bottom: 1px solid #f5f5f5; } .secondDiv.threeDiv .officelistTit { font-size: 14px; color: #333333; } .secondDiv.threeDiv .officelistAdd { font-size: 16px; color: #333333; margin-top: 6px; } .secondDiv.threeDiv .officelistPhone { font-size: 16px; color: #999999; margin-top: 6px; } .secondDiv.threeDiv .officelistPhone:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .officelistPhone span { display: block; float: left; margin-right: 20px; margin-bottom: 20px; } /* 地区列表结束 */ /* 右侧盒子开始 */ .secondDiv.threeDiv .ContactusBox { border: 1px solid #f5f5f5; } .secondDiv.threeDiv .ContactusBox h2 { width: 100%; height: 50px; line-height: 50px; padding-left: 20px; font-size: 18px; color: #333333; background-color: #ececec; } .secondDiv.threeDiv .ContactusList { padding: 10px 20px; } .secondDiv.threeDiv .ContactusList li { width: 100%; height: 40px; font-size: 16px; line-height: 40px; } .secondDiv.threeDiv .ContactusList li.rightAct a { color: #e60012; } .secondDiv.threeDiv .ContactusList li a { display: inline-block; color: #666666; } .secondDiv.threeDiv .ContactusList li a:hover { color: #e60012; } .secondDiv.threeDiv .officeNav li.officeAct { border-color: #e60012; } /* 右侧盒子结束 */ @media screen and (max-width:768px) { /* 取消顶部paddint-top */ .secondDiv.threeDiv .officeCon { padding-top: 0; font-size: 64px; padding-bottom: 4.83%; } /* 右侧内容消失 */ .secondDiv.threeDiv .officeRight { display: none; } /* 宽度变化 */ .secondDiv.threeDiv .officeRegion { width: 100%; border: none; padding-top: 0; } /* 取消padding (单独样式) */ #Office.secondDiv.threeDiv .secondWrapBox { padding: 0; } .secondDiv.threeDiv .officeNav { border-bottom: none; position: relative; top: 0; left: 0; right: 0; height: auto; overflow: hidden; zoom: 1; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .secondDiv.threeDiv .officeNav:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .officeNav li { border-top: 1px solid #f5f5f5; padding: 3.38% 0; border-bottom: 1px solid #f5f5f5; line-height: 1; font-size: 40.625%; } .secondDiv.threeDiv .officeListCon { padding: 0 16px; } .secondDiv.threeDiv .officeNav li>i { height: 30%; top: 35%; } .secondDiv.threeDiv .officeListUl li { padding: 3.14% 0 1.2%; } .secondDiv.threeDiv .officelistTit { font-size: 37.5%; } .secondDiv.threeDiv .officelistAdd { font-size: 43.75%; margin-top: 2.5%; } .secondDiv.threeDiv .officelistPhone { font-size: 37.5%; margin-top: 2.5%; } .secondDiv.threeDiv .officelistPhone span { margin-bottom: 2%; } } @media screen and (max-width:640px) { .secondDiv.threeDiv .officeCon { font-size: 64px; } } @media screen and (max-width:550px) { .secondDiv.threeDiv .officeCon { font-size: 55px; } } @media screen and (max-width:480px) { .secondDiv.threeDiv .officeCon { font-size: 48px; } } @media screen and (max-width:414px) { .secondDiv.threeDiv .officeCon { font-size: 41.4px; } } @media screen and (max-width:375px) { .secondDiv.threeDiv .officeCon { font-size: 37.5px; } } /* 关于我们>联系我们>办事处结束 */ /* 关于我们>联系我们>采购公示开始 */ #ProAnn.threeDiv .ProAnnList { width: 72%; float: left; } /* 公司动态部分banner广告图开始 */ #ProAnn.threeDiv .ProAnnListBanner { padding: 25px 0; border-top: 1px solid #ececec; } #ProAnn.threeDiv .ProAnnListBanner:after { content: ''; display: block; clear: both; } #ProAnn.threeDiv .ProAnnListBannerImg { display: block; width: 180px; float: left; } #ProAnn.threeDiv .ProAnnListBannerImg>img { display: block; width: 100%; } #ProAnn.threeDiv .ProAnnListBannerTxt { width: 100%; padding-left: 200px; } #ProAnn.threeDiv .ProBannerTxth3 { font-size: 16px; color: #333333; } #ProAnn.threeDiv .ProBannerTxtTime { font-size: 12px; color: #999999; margin-top: 8px; } #ProAnn.threeDiv .ProBannerTxtTxt { font-size: 14px; color: #666666; margin-top: 10px; line-height: 1.6; } /* 公司动态部分banner广告图结束 */ #ProAnn.threeDiv .ProAnnListCon { border-top: 1px solid #ececec; } #ProAnn.threeDiv .ProAnnListCon li { padding: 15px 0; border-bottom: 1px solid #f5f5f5; -webkit-transition: padding-left .3s ease; -moz-transition: padding-left .3s ease; -ms-transition: padding-left .3s ease; -o-transition: padding-left .3s ease; transition: padding-left .3s ease; } #ProAnn.threeDiv .ProAnnListCon li:hover { background-color: #f5f5f5; padding-left: 20px; } #ProAnn.threeDiv .ProAnnListCon li a { display: inline-block; height: 100%; padding-left: 15px; position: relative; } #ProAnn.threeDiv .proannIcon { display: block; width: 6px; position: absolute; top: 5px; left: 0px; } #ProAnn.threeDiv .ProAnnListCon li .ProAnnListConTit { font-size: 16px; color: #333333; } #ProAnn.threeDiv .ProAnnListCon li .ProAnnListTime { font-size: 12px; color: #999999; margin-top: 8px; } @media screen and (max-width:1000px) { #ProAnn.threeDiv .ProAnnListBannerImg { width: 100%; float: none; } #ProAnn.threeDiv .ProAnnListBannerTxt { padding: 25px 0 0 0; } } @media screen and (max-width:768px) { #ProAnn.threeDiv .ProAnnListBanner { padding: 3.75% 0; } #ProAnn.threeDiv .ProAnnList { width: 100%; } #ProAnn.threeDiv .ProAnnListBannerTxt { padding-top: 4.6%; } #ProAnn.threeDiv .ProBannerTxth3 { font-size: 46.875%; } #ProAnn.threeDiv .ProBannerTxtTime { font-size: 31.25%; } #ProAnn.threeDiv .ProBannerTxtTxt { font-size: 37.5%; } #ProAnn.threeDiv .ProAnnListCon li .ProAnnListConTit { font-size: 43.75%; } #ProAnn.threeDiv .ProAnnListCon li .ProAnnListTime { font-size: 31.25%; } #ProAnn.threeDiv .proannIcon { top: 16px; } } @media screen and (max-width:550px) { .secondDiv.threeDiv .officeCon { font-size: 55px; } #ProAnn.threeDiv .proannIcon { top: 12px; } } @media screen and (max-width:480px) { .secondDiv.threeDiv .officeCon { font-size: 48px; } #ProAnn.threeDiv .proannIcon { top: 6px; } } @media screen and (max-width:414px) { .secondDiv.threeDiv .officeCon { font-size: 41.4px; } } @media screen and (max-width:375px) { .secondDiv.threeDiv .officeCon { font-size: 37.5px; } } /* 关于我们>联系我们>采购公示结束 */ /* 公司总部开始 */ #Headquarters.threeDiv .HeadquartersCon { font-size: 28px; padding-top: 40px; } #Headquarters.threeDiv .HeadquartersBox { width: 48%; } #Headquarters.threeDiv .HeadquartersT .secondWrapBox:after { content: ''; display: block; clear: both; } #Headquarters.threeDiv .HeadquartersTL { float: left; } #Headquarters.threeDiv .HeadquartersTR { float: right; } #Headquarters.threeDiv .BoxCaddressImg { width: 100%; } #Headquarters.threeDiv .BoxCaddressImg>img { display: block; width: 100%; } #Headquarters.threeDiv .addressText { font-size: 16px; color: #333333; margin-top: 16px; padding-left: 28px; position: relative; } #Headquarters.threeDiv .addressText img { display: block; height: 16px; position: absolute; top: 4px; left: 0; } #Headquarters.threeDiv .codeText img { display: block; height: 16px; position: absolute; top: 4px; left: 0; } #Headquarters.threeDiv .codeText { font-size: 16px; color: #333333; margin-top: 10px; padding-left: 28px; position: relative; } #Headquarters.threeDiv #BJmap, #Headquarters.threeDiv #HZmap { width: 100%; height: 300px; margin-top: 30px; } #Headquarters.threeDiv .customerService { padding-top: 40px; font-size: 20px; padding-bottom: 40px; } #Headquarters.threeDiv .customerServiceCon { width: 100%; height: 300px; } #Headquarters.threeDiv .customerBg { width: 100%; height: 100%; background-color: #f5f5f5; overflow: hidden; zoom: 1; } #Headquarters.threeDiv .customerBg img { display: block; height: 100%; float: right; } #Headquarters.threeDiv .customerText { padding: 35px 0 16px 60px; position: absolute; top: 0; left: 0; } #Headquarters.threeDiv .customerTextTwo { top: 0; left: 320px; } #Headquarters.threeDiv .customerText p { font-size: 16px; color: #333333; margin-bottom: 16px; padding-left: 24px; position: relative; } #Headquarters.threeDiv .customerText p>img { display: block; width: 16px; position: absolute; left: 0; top: 4px; } #Headquarters.threeDiv .customerTextBt { width: 100%; padding-top: 2px; } #Headquarters.threeDiv .customerTextBt a { padding: 4px 10px; height: 34px; font-size: 14px; background: #e60012; color: #fff; text-align: center; line-height: 34px; border-radius: 6px; -webkit-border-radius: 6px; } /* 隐藏百度地图图标 */ .anchorBL { display: none; } @media screen and (max-width:1100px) { #Headquarters.threeDiv .customerServiceCon { height: 400px; } #Headquarters.threeDiv .customerBg img { margin-right: -200px; } #Headquarters.threeDiv .customerText p { font-size: 12px; } #Headquarters.threeDiv .customerTextTwo { left: 0; top: 160px; } #Headquarters.threeDiv.secondDiv .customerService .secondEntH3 { margin-bottom: 10px; } } @media screen and (max-width:768px) { #Headquarters.threeDiv .HeadquartersCon { padding-top: 0; font-size: 75px; } #Headquarters.threeDiv .HeadquartersBox { width: 100%; float: none; } #Headquarters.threeDiv .addressText { margin-top: 4%; } #Headquarters.threeDiv .codeText { margin-top: 4%; } #Headquarters.threeDiv #BJmap, #Headquarters.threeDiv #HZmap { margin-top: 5.3%; } #Headquarters.threeDiv .customerService { padding-top: 0; font-size: 75px; background: #f5f5f5; margin-top: 7%; padding-bottom: 6.25%; } #Headquarters.threeDiv .customerText { position: relative; top: 0; left: 0; padding: 0; padding-bottom: 6.25%; } #Headquarters.threeDiv .customerBg img { margin: 0; width: 100%; } #Headquarters.threeDiv .customerText p { text-align: center; margin-bottom: 4.6%; font-size: 37.5%; padding: 0; } #Headquarters.threeDiv .customerText p img { width: 6.25%; position: relative; top: 0; left: 0; margin: 0 auto 2%; } #Headquarters.threeDiv .customerTextBt a { font-size: 37.5%; height: auto; padding: 2.9% 3%; line-height: 1; } #Headquarters.threeDiv .customerServiceCon { height: auto; } #Headquarters.threeDiv .headquartersBr { display: block; margin-top: 3%; } #Headquarters.threeDiv .customerTextBt { line-height: 0; text-align: center; } } @media screen and (max-width:640px) { #Headquarters.threeDiv .HeadquartersCon, #Headquarters.threeDiv .customerService { font-size: 64px; } } @media screen and (max-width:550px) { #Headquarters.threeDiv .HeadquartersCon, #Headquarters.threeDiv .customerService { font-size: 55px; } } @media screen and (max-width:480px) { #Headquarters.threeDiv .HeadquartersCon, #Headquarters.threeDiv .customerService { font-size: 48px; } } @media screen and (max-width:414px) { #Headquarters.threeDiv .HeadquartersCon, #Headquarters.threeDiv .customerService { font-size: 41.4px; } } @media screen and (max-width:375px) { #Headquarters.threeDiv .HeadquartersCon, #Headquarters.threeDiv .customerService { font-size: 37.5px; } } /* 公司总部结束 */ /* 媒体联络页面开始（提交表单公共样式） */ .secondDiv.threeDiv .MediaContact { width: 72%; float: left; } .secondDiv.threeDiv .secondWrapBox:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .MediaContact .MediaContactP { font-size: 16px; color: #999999; line-height: 1.5; padding-left: 20px; } .secondDiv.threeDiv .MediaContact .secondEntH3 { margin-bottom: 20px; } .secondDiv.threeDiv .MediaList { padding-left: 20px; padding-top: 30px; } .secondDiv.threeDiv .MediaListBox { width: 100%; margin-bottom: 20px; } .secondDiv.threeDiv .MediaListBoxName { width: 100px; font-size: 16px; height: 36px; line-height: 36px; color: #666666; float: left; position: relative; } .secondDiv.threeDiv .MediaListBoxName:after { content: '*'; display: block; position: absolute; right: 14px; top: 0; height: 36px; line-height: 44px; color: #e60012; } .secondDiv.threeDiv .MediaListBoxinput { width: 100%; padding-left: 100px; position: relative; } .secondDiv.threeDiv .MediaListBoxinput .textInput { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; padding-left: 12px; } .secondDiv.threeDiv .MediaListBox.textInputSit { width: 65%; } .secondDiv.threeDiv .inputErr { display: block; height: 36px; line-height: 36px; font-size: 16px; position: absolute; top: 0; right: 12px; color: #e60012; } .secondDiv.threeDiv #textArea { display: block; width: 100%; height: 158px; border: 1px solid #d8d8d8; resize: none; font-size: 16px; color: #333333; padding: 12px; } .secondDiv.threeDiv .MediaListBoxinput.verCode:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .MediaListBoxinput.verCode input { width: 100px; float: left; margin-right: 10px; text-align: center; padding-left: 0; } .secondDiv.threeDiv .codeImgparse { height: 36px; float: left; margin-right: 20px; } .secondDiv.threeDiv .codeImgparse img { display: block; width: 100%; } .secondDiv.threeDiv .MediaListBoxinput.verCode .inputErr { display: block; height: 36px; position: relative; top: 0; right: 0; float: left; } .secondDiv.threeDiv .MediaSubmit { padding-left: 100px; padding-top: 10px; } .secondDiv.threeDiv .MediaSubmit input { display: block; border: 0; width: 220px; height: 44px; background: #e60012; text-align: center; line-height: 44px; color: #fff; font-size: 16px; } @media screen and (max-width:768px) { .secondDiv.threeDiv .MediaContact { width: 100%; } .secondDiv.threeDiv .MediaListBoxName { float: none; width: 100%; font-size: 37.5%; } .secondDiv.threeDiv .MediaListBoxinput { padding: 0; width: 100%; margin-top: 1%; } .secondDiv.threeDiv .MediaListBoxinput.verCode { margin-top: 10px; } .secondDiv.threeDiv .MediaListBox { margin-top: 3.1%; margin-bottom: 0; } .secondDiv.threeDiv .MediaListBox.textInputSit { width: 100%; margin-bottom: 0; } .secondDiv.threeDiv .MediaContact .secondEntH3 { margin-bottom: 0; } .secondDiv.threeDiv .MediaContact .MediaContactP { padding: 0; font-size: 37.5%; } .secondDiv.threeDiv .MediaList { padding: 0; } .secondDiv.threeDiv .MediaSubmit { padding: 0; margin-top: 6.25%; } .secondDiv.threeDiv .MediaSubmit input { width: 100%; font-size: 37.5%; } .secondDiv.threeDiv .MediaListBoxName:after { content: '*'; display: inline-block; position: relative; top: 3px; right: 0; line-height: 1; height: auto; color: #e60012; } .secondDiv.threeDiv .MediaListBoxinput.verCode .inputErr { position: absolute; top: -45px; right: 0; font-size: 37.5%; } .secondDiv.threeDiv .inputErr, .secondDiv.threeDiv .MediaListBoxinput .textInput, .secondDiv.threeDiv #textArea { font-size: 37.5%; } } /* 媒体联络页面结束 */ /* 意见反馈开始 */ .secondDiv.threeDiv #MediaListBoxSel { display: block; width: 100%; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; background: #f6f6f6; float: left; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; } .secondDiv.threeDiv #MediaListBoxSel::-ms-expand { display: none; } body.ie7 .secondDiv.threeDiv .MediaListBoxinput .selectArrow, body.ie8 .secondDiv.threeDiv .MediaListBoxinput .selectArrow, body.ie9 .secondDiv.threeDiv .MediaListBoxinput .selectArrow { display: none; } .secondDiv.threeDiv .selectArrow { display: block; position: absolute; right: 12px; top: 0; padding-top: 16px; } .secondDiv.threeDiv .selectArrow img { display: block; } .secondDiv.threeDiv .selectBox:after { content: ''; display: block; clear: both; } @media screen and (max-width:768px) { .secondDiv.threeDiv #MediaListBoxSel { font-size: 37.5%; } } /* 意见反馈结束 */ /* 公司简介开始 */ /* 新华三集团 */ #Company_Introduce.threeDiv .XinhuaThree { padding-top: 40px; font-size: 32px; } #Company_Introduce.threeDiv .XinhuaThreeT { font-size: 14px; color: #666666; line-height: 2; padding-bottom: 48px; } /* 添加VR场景样式开始 */ #Company_Introduce.threeDiv .h3cVRImg { display: block; width: 482px; margin-left: 40px; float: right; } #Company_Introduce.threeDiv .h3cVRImg img { display: block; width: 100%; } #Company_Introduce.threeDiv .h3cVRTxt { margin-top: 20px; line-height: 1.8; } /* 添加VR场景样式结束 */ #Company_Introduce.threeDiv .CompanyStrength { font-size: 32px; background-color: #f9f9f9; padding-top: 40px; } #Company_Introduce.threeDiv .innovation { background: #f9f9f9; } #Company_Introduce.threeDiv .innovationTit { width: 100%; padding: 2.5% 0 2.5%; line-height: 1; text-align: center; font-size: 68.75%; color: #3c3c3c; } #Company_Introduce.threeDiv .noPadding { padding-top: 0; } #Company_Introduce.threeDiv .innovationList { width: 100%; height: 190px; border: 1px solid #e6e6e6; position: relative; background-color: #fff; } #Company_Introduce.threeDiv .innovationArrow { display: block; width: 20px; position: absolute; top: -1px; left: 50%; margin-left: -10px; } #Company_Introduce.threeDiv .innovationArrow img { display: block; width: 100%; } #Company_Introduce.threeDiv .innlistBox { width: 86%; height: 70px; margin: 70px auto 0; position: relative; } #Company_Introduce.threeDiv .innlistBox li { height: 70px; } #Company_Introduce.threeDiv .innlistBoxone { position: absolute; top: 0; left: 0%; } #Company_Introduce.threeDiv .innlistBoxtwo { width: 240px; margin: 0 auto; } #Company_Introduce.threeDiv .innlistBoxthree { width: 300px; position: absolute; top: 0; left: 74%; } #Company_Introduce.threeDiv .innlistBoxImg { display: block; width: 70px; height: 70px; float: left; } #Company_Introduce.threeDiv .innlistBoxImg img { display: block; width: 100%; } #Company_Introduce.threeDiv .innlistBoxLine { display: block; width: 0px; height: 100%; float: left; margin: 0 18px 0 14px; border-right: 1px dashed #b2b0a8; } #Company_Introduce.threeDiv .innlistBoxText { display: block; float: left; line-height: 1; } #Company_Introduce.threeDiv .innlistBoxTextTit { display: block; color: #e60012; font-size: 22px; margin-bottom: 14px; } #Company_Introduce.threeDiv .innlistBoxTextTit span { font-size: 38px; } #Company_Introduce.threeDiv .innlistBoxTextp { display: block; line-height: 1.5; font-size: 16px; color: #3c3c3c; } #Company_Introduce.threeDiv .innovationBott { padding-bottom: 50px; } #Company_Introduce.threeDiv .brandConcept { position: relative; height: 545px; font-size: 32px; } #Company_Introduce.threeDiv .brandConcept img { display: block; width: 100%; height: 100%; } #Company_Introduce.threeDiv .brandConcept .columWrapBox { padding-top: 40px; } #Company_Introduce.threeDiv .brandConceptCon { position: relative; padding-bottom: 10%; } #Company_Introduce.threeDiv .brandConceptCon>img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #Company_Introduce.threeDiv .brandConceptConText { width: 100%; padding-left: 13%; overflow: hidden; } #Company_Introduce.threeDiv .brandConceptCon .brandConceptConTextT { font-size: 75%; color: #3c3c3c; } #Company_Introduce.threeDiv .brandConceptList { width: 100%; margin-top: 2.5%; } #Company_Introduce.threeDiv .brandConceptList:after { content: ''; display: block; clear: both; } #Company_Introduce.threeDiv .brandConceptList li { padding-right: 5.8%; padding-left: 15px; float: left; border-left: 2px solid #f17975; } #Company_Introduce.threeDiv .brandConceptList li h6 { font-size: 22px; color: #3c3c3c; line-height: 1; } #Company_Introduce.threeDiv .brandConceptList li p { font-size: 14px; color: #666666; line-height: 1; margin-top: 10px; } #Company_Introduce.threeDiv .brandLine { width: 100%; border-bottom: 2px solid #fff; margin: 3% 0; } #Company_Introduce.threeDiv .brandText { font-size: 16px; color: #3c3c3c; line-height: 1.625; margin-top: 2.3%; } @media screen and (max-width:1100px) { #Company_Introduce.threeDiv .innlistBoxTextp { font-size: 14px; } } @media screen and (max-width:1000px) { #Company_Introduce.threeDiv .secondEntH3 { font-size: 32px; } #Company_Introduce.threeDiv .CompanyStrength { font-size: 60px; } #Company_Introduce.threeDiv .innovationTit { font-size: 37.33%; padding: 5.4% 0 3.57%; } #Company_Introduce.threeDiv .innovationList { height: auto; padding: 6.28% 1.7% 4.57%; } #Company_Introduce.threeDiv .innovationArrow { width: 3.6%; left: 48.2%; } #Company_Introduce.threeDiv .innlistBox { width: 100%; height: 100%; margin: 0; } #Company_Introduce.threeDiv .innlistBox:after { content: ''; display: block; clear: both; } #Company_Introduce.threeDiv .innlistBox li { width: 30%; height: auto; padding-bottom: 3%; } #Company_Introduce.threeDiv .innlistBox li>span { height: auto; float: none; } #Company_Introduce.threeDiv .innlistBox li .innlistBoxImg { width: 36.45%; margin: auto; } #Company_Introduce.threeDiv .innlistBoxLine { width: 100%; border-right: 0; border-bottom: 1px dashed #b2b0a8; margin: 10% 0; } #Company_Introduce.threeDiv .innlistBoxtwo { margin: 0 auto; } #Company_Introduce.threeDiv .innlistBoxthree { width: auto; right: 0; left: auto; } #Company_Introduce.threeDiv .innlistBoxText span { text-align: center; } #Company_Introduce.threeDiv .innlistBoxText { font-size: 75px; } #Company_Introduce.threeDiv .innlistBoxTextTit { font-size: 29.33%; } #Company_Introduce.threeDiv .innlistBoxTextTit span { font-size: 176%; } #Company_Introduce.threeDiv .innlistBoxTextp { font-size: 28%; } /* 品牌理念样式1000修改 */ #Company_Introduce.threeDiv .brandConceptConText .brandConceptConTextT { text-align: center; } #Company_Introduce.threeDiv .brandConceptConText { padding-left: 0; } #Company_Introduce.threeDiv .brandConceptCon .brandConceptConTextT { font-size: 37.33%; } } @media screen and (max-width:768px) { #Company_Introduce.threeDiv .XinhuaThree { padding-top: 0; font-size: 75px; } #Company_Introduce.threeDiv .XinhuaThreeT { margin-top: 3%; padding-bottom: 3%; font-size: 37.5%; } #Company_Introduce.threeDiv .secondEntH3 { padding-bottom: 0; font-size: 59.4%; } #Company_Introduce.threeDiv .CompanyStrength { padding-top: 0; font-size: 75px; } #Company_Introduce.threeDiv .brandConcept .aboutUsWrapBox { position: relative; } #Company_Introduce.threeDiv .brandConcept { height: auto; } #Company_Introduce.threeDiv .brandConceptConText { width: 82.66%; margin: 0 auto; position: relative; } #Company_Introduce.threeDiv .brandConceptConTextT { margin-top: 5%; margin-bottom: 4%; } #Company_Introduce.threeDiv .brandConceptList li { padding-left: 3%; } #Company_Introduce.threeDiv .brandConceptList li h6 { font-size: 28%; } #Company_Introduce.threeDiv .brandConceptList li p, #Company_Introduce.threeDiv .brandText { font-size: 28%; } #Company_Introduce.threeDiv .h5brspan { display: block; text-align: center; } #Company_Introduce.threeDiv .h3cVRImg { width: 100%; margin: 0 0 3%; } #Company_Introduce.threeDiv .h3cVRTxt { margin-bottom: 3%; } } @media screen and (max-width:700px) { #Company_Introduce.threeDiv .CompanyStrength, #Company_Introduce.threeDiv .innlistBoxText, #Company_Introduce.threeDiv .XinhuaThree { font-size: 60px; } } @media screen and (max-width:640px) { #Company_Introduce.threeDiv .CompanyStrength, #Company_Introduce.threeDiv .innlistBoxText, #Company_Introduce.threeDiv .XinhuaThree { font-size: 50px; } } @media screen and (max-width:414px) { #Company_Introduce.threeDiv .CompanyStrength, #Company_Introduce.threeDiv .innlistBoxText, #Company_Introduce.threeDiv .XinhuaThree { font-size: 44px; } } @media screen and (max-width:375px) { #Company_Introduce.threeDiv .CompanyStrength, #Company_Introduce.threeDiv .innlistBoxText, #Company_Introduce.threeDiv .XinhuaThree { font-size: 37.5px; } } /* 公司简介结束 */ /* 焦点时刻开始 */ #Focus_Moment.threeDiv .newRecommend { padding-top: 40px; font-size: 32px; } #Focus_Moment.threeDiv .secondPictureTextL { border-left: 3px solid #e60012; padding-left: 12px; } #Focus_Moment.threeDiv .TextLTime { font-size: 14px; color: #666666; } #Focus_Moment.threeDiv .TextLTit { font-size: 26px; color: #3c3c3c; margin-top: 16px; line-height: 1.5; } #Focus_Moment.threeDiv .focusList .secondWrapBox { padding: 0; } #Focus_Moment.threeDiv .focusList { padding-top: 40px; padding-bottom: 20px; font-size: 32px; } #Focus_Moment.threeDiv .focusListBox:after { content: ''; display: block; clear: both; } #Focus_Moment.threeDiv .focusListBox li { width: 33.3333%; float: left; padding: 0 16px; margin-bottom: 10px; } #Focus_Moment.threeDiv .focusListBoxImg { cursor: pointer; display: block; width: 100%; position: relative; } #Focus_Moment.threeDiv .focusListBoxImg>img { display: block; width: 100%; } #Focus_Moment.threeDiv .focusListBoxTime { font-size: 14px; color: #666666; padding-left: 20px; margin-top: 10px; } #Focus_Moment.threeDiv .focusListBoxH6 { font-size: 18px; color: #000000; padding-left: 20px; padding-right: 20px; margin-top: 10px; line-height: 1.2; } @media screen and (max-width:768px) { #Focus_Moment.threeDiv .newRecommend, #Focus_Moment.threeDiv .focusList { font-size: 75px; padding-top: 0; } #Focus_Moment.threeDiv .focusListBox li { float: none; width: 100%; } #Focus_Moment.threeDiv .TextLTit { margin-top: 0; font-size: 40%; } #Focus_Moment.threeDiv .focusListBoxTime { font-size: 31.25%; margin-top: 2.5%; } #Focus_Moment.threeDiv .focusListBox li a { padding-bottom: 2.5%; } #Focus_Moment.threeDiv .focusListBoxH6 { margin-top: 2%; } #Focus_Moment.threeDiv .focusListBoxH6 { font-size: 40%; line-height: 1.5; } } @media screen and (max-width:700px) { #Focus_Moment.threeDiv .newRecommend, #Focus_Moment.threeDiv .focusList { font-size: 60px; } } @media screen and (max-width:640px) { #Focus_Moment.threeDiv .newRecommend, #Focus_Moment.threeDiv .focusList { font-size: 50px; } } @media screen and (max-width:414px) { #Focus_Moment.threeDiv .newRecommend, #Focus_Moment.threeDiv .focusList { font-size: 44px; } } @media screen and (max-width:375px) { #Focus_Moment.threeDiv .newRecommend, #Focus_Moment.threeDiv .focusList { font-size: 37.5px; } } /* 焦点时刻结束 */ /* 公司视频开始 */ #Focus_Moment.threeDiv .secondPictureImgFocu { cursor: pointer; position: relative; width: 500px; float: left; overflow: hidden; } #Focus_Moment.threeDiv .secondPictureImgFocu .PictureImgFocu { display: block; width: 100%; height: 100%; } #Focus_Moment.threeDiv .secondPictureImgFocu .PictureImgFocu>img { display: block; width: 100%; } #Focus_Moment.threeDiv .secondPictureImgFocu .blackBg { display: block; width: 100%; height: 100%; } #Focus_Moment.threeDiv .focusListBoxImgBlack { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #Focus_Moment.threeDiv .focusListBoxImgBlack .blackBg { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #Focus_Moment.threeDiv .focusListBoxImgBlack .playBg { display: block; width: 10%; position: absolute; left: 45%; top: 42%; } @media screen and (max-width:900px) { #Focus_Moment.threeDiv .secondPictureImgFocu { width: 100%; float: none; } } /* 公司视频结束 */ /* 品牌理念开始 */ .secondDiv.threeDiv .swiper-culture { overflow: hidden; } .secondDiv.threeDiv .swiper-culture { position: relative; } .secondDiv.threeDiv .swiper-culture a { display: block; width: 100%; height: 100%; } #Company_culture.threeDiv .cultureMission { padding-top: 40px; font-size: 32px; } #Company_culture.threeDiv .secondPictureImg { width: 380px; } #Company_culture.threeDiv .secondPictureText { padding-left: 500px; padding-top: 90px; } #Company_culture.threeDiv .SenseWorth { font-size: 32px; padding-top: 40px; } #Company_culture.threeDiv .cultureBannT { display: inline-block; background: #fff; font-size: 22px; color: #583456; margin-left: 12px; padding: 0 4px; } .secondDiv.threeDiv .Company_culturebtn { width: 100%; text-align: center; position: absolute; bottom: 5%; left: 0; z-index: 99; line-height: 0; } .secondDiv.threeDiv .Company_culturebtn span { display: inline-block; width: 10px; height: 10px; margin: 0 14px; background: #fff; opacity: 1; } .secondDiv.threeDiv .Company_culturebtn .swiper-pagination-bullet-active { background: #e60213; } body.ie8 .secondDiv.threeDiv .swiper-wrapper { width: 200%; height: 100%; overflow: hidden; } body.ie8 .secondDiv.threeDiv .swiper-wrapper .swiper-slide { width: 50%; float: left; } body.ie8 .secondDiv.threeDiv .Company_culturebtn { width: 100%; } #Company_culture.threeDiv .SenseWorthBanner img { display: block; width: 100%; } #Company_culture.threeDiv .SenseWorthList { margin-top: 34px; } #Company_culture.threeDiv .SenseWorthList:after { content: ''; display: block; clear: both; } #Company_culture.threeDiv .SenseWorthList li { width: 44%; height: 230px; float: left; } #Company_culture.threeDiv .SenseWorthList .ListTitRight { float: right; } #Company_culture.threeDiv .SenseWorthList .lastListLi { width: 100%; height: 200px; } #Company_culture.threeDiv .SenseWorthListTit { width: 100%; height: 88px; border-bottom: 1px solid #bcbcbc; position: relative; } #Company_culture.threeDiv .SenseWorthListTit>img { display: block; width: 60px; position: absolute; left: 0; top: 8px; } #Company_culture.threeDiv .SenseWorthListTitS { display: block; height: 100%; padding: 42px 0 0 80px; font-size: 22px; color: #333333; line-height: 1; } #Company_culture.threeDiv .SenseWorthListTxt { margin-top: 20px; font-size: 14px; color: #666666; line-height: 1.6; } #Company_culture.threeDiv .techH5SuccText p { margin-top: 0; } /* 企业社会责任开始 */ #Company_culture.threeDiv .SenRespon { padding-top: 40px; font-size: 32px; background: #f5f5f5; } #Company_culture.threeDiv .SenResponList { margin-bottom: 20px; } #Company_culture.threeDiv .SenResponList:after { content: ''; display: block; clear: both; } #Company_culture.threeDiv .SenResponList li { width: 32%; float: left; margin-left: 2%; } #Company_culture.threeDiv .SenResponList li:first-child { margin-left: 0; } #Company_culture.threeDiv .SenResponListImg { display: block; width: 100%; position: relative; } #Company_culture.threeDiv .SenResponListImg img { display: block; width: 100%; } #Company_culture.threeDiv .SenResponListImgbg { display: block; width: 100%; height: 50px; line-height: 50px; position: absolute; bottom: 0; left: 0; font-size: 20px; color: #fff; } #Company_culture.threeDiv .SenResponListImgbg img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #Company_culture.threeDiv .ListImgbgText { display: block; width: 100%; height: 100%; position: relative; padding-left: 20px; } #Company_culture.threeDiv .SenResponBox { background: #e2e2e2; display: none; } #Company_culture.threeDiv .SenResponBTex { width: 100%; padding: 40px 0 30px; position: relative; font-size: 14px; color: #404143; } #Company_culture.threeDiv .SenResponBTexIcon { display: block; width: 14px; height: 8px; position: absolute; top: -8px; line-height: 1.5; } #Company_culture.threeDiv .SenResponBTexIcon img { display: block; width: 100%; } #Company_culture.threeDiv .BTex_01 .SenResponBTexIcon { left: 15%; } #Company_culture.threeDiv .BTex_02 .SenResponBTexIcon { left: 49%; } #Company_culture.threeDiv .BTex_03 .SenResponBTexIcon { right: 15%; } #Company_culture.threeDiv .SenRespoClose { width: 18px; height: 18px; text-align: center; line-height: 30px; color: #fff; position: absolute; top: 0; right: 16px; cursor: pointer; } #Company_culture.threeDiv .qualityH3c .secondWrapBox:after { content: ''; display: block; clear: both; } #Company_culture.threeDiv .qualityH3cLi { width: 44%; float: left; padding-top: 50px; } #Company_culture.threeDiv .qualityH3cRight { float: right; } #Company_culture.threeDiv .qualityH3cLi h5 { text-align: center; font-size: 28px; color: #404143; } #Company_culture.threeDiv .qualityH3cLi p { font-size: 14px; color: #404143; text-align: center; line-height: 1.5; margin-top: 30px; } #Company_culture.threeDiv .qualityH3cImg { display: block; width: 76.8%; margin: 50px auto 0; } #Company_culture.threeDiv .understandBox { width: 100%; padding: 50px 0; text-align: center; line-height: 1; } #Company_culture.threeDiv .understandBox .fontRed { color: #e60213; } #Company_culture.threeDiv .understand { display: inline-block; color: #333333; width: 50%; font-size: 14px; text-align: center; } #Company_culture.threeDiv .understand img { display: inline-block; min-width: 16px; width: 8%; vertical-align: middle; margin-left: 10px; margin-top: -2px; } /* 底部模块 */ @media screen and (max-width:900px) { #Company_culture.threeDiv .secondPictureImg { width: 100%; float: none; } #Company_culture.threeDiv .secondPictureText { float: none; padding: 4.1% 3.34%; } #Company_culture.threeDiv .secondPictureText p { font-size: 60%; color: #666666; margin-top: 0; } } @media screen and (max-width:768px) { #Company_culture.threeDiv .SenRespon { display: none; } #Company_culture.threeDiv .secondPictureImg { width: 100%; } #Company_culture.threeDiv .secondPictureText { padding: 3.75%; } #Company_culture.threeDiv .cultureBannT { font-size: 45%; } #Company_culture.threeDiv .cultureMission { padding-top: 0; font-size: 60px; } #Company_culture.threeDiv .SenseWorth { padding-top: 0; font-size: 60px; } #Company_culture.threeDiv .secondPictureText p { font-size: 40.625%; margin-top: 0; } #Company_culture.threeDiv .SenseWorthList li { float: none; width: 100%; height: auto; padding-bottom: 6.25%; } #Company_culture.threeDiv .SenseWorthList .ListTitRight { float: none; } #Company_culture.threeDiv .SenseWorthListTxt { font-size: 40.625%; margin-top: 4%; } #Company_culture.threeDiv .SenseWorthListTit>img { width: 14%; position: relative; top: 0; left: 0; float: left; } #Company_culture.threeDiv .SenseWorthListTit { height: auto; padding: 1.5% 0; overflow: hidden; } #Company_culture.threeDiv .SenseWorthListTitS { padding: 9.375% 0 0 16.5%; font-size: 48%; } #Company_culture.threeDiv .SenseWorthList .lastListLi { height: auto; } #Company_culture.threeDiv #succWrapH5.techH5Succ { background: #f5f5f5; } #Company_culture.threeDiv .protechH5Tit, #Company_culture.threeDiv #succWrapH5 .techH5SuccCon, #Company_culture.threeDiv #succWrapH5 .techH5SuccBtn { background: #f5f5f5; } #Company_culture.threeDiv .qualityH3c { font-size: 60px; } #Company_culture.threeDiv .qualityH3cLi h5 { font-size: 46.875%; } #Company_culture.threeDiv .qualityH3cLi { width: 100%; float: none; padding-top: 6.25%; } #Company_culture.threeDiv .qualityH3cLi p { font-size: 40.625%; margin-top: 4.6%; } #Company_culture.threeDiv .qualityH3cImg { margin-top: 4.6%; } #Company_culture.threeDiv .understandBox { padding: 4.6% 0; } #Company_culture.threeDiv .understand { font-size: 40.625%; } #Company_culture.threeDiv .understand img { margin-left: 4%; margin-top: -1px; } } @media screen and (max-width:640px) { #Company_culture.threeDiv .cultureMission, #Company_culture.threeDiv .SenseWorth, #Company_culture.threeDiv .qualityH3c { font-size: 50px; } } @media screen and (max-width:414px) { #Company_culture.threeDiv .cultureMission, #Company_culture.threeDiv .SenseWorth, #Company_culture.threeDiv .qualityH3c { font-size: 44px; } } @media screen and (max-width:375px) { #Company_culture.threeDiv .cultureMission, #Company_culture.threeDiv .SenseWorth, #Company_culture.threeDiv .qualityH3c { font-size: 37.5px; } } /* 品牌理念结束 */ /* 管理团队开始 */ #Management.threeDiv .f5Background { background: #f5f5f5; padding-top: 30px; height: 290px; } #Management.threeDiv .colmunPc#crumbs { margin-top: 0; } #Management.threeDiv .MisterDiv .secondWrapBox { height: 180px; position: relative; } #Management.threeDiv .MisterSection { font-size: 32px; position: absolute; top: -200px; left: 16px; right: 16px; } #Management.threeDiv .MisterBox { width: 100%; height: 273px; } #Management.threeDiv .YuYinTao.MisterBox { background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } body.ie8 #Management.threeDiv .YuYinTao.MisterBox { border: 1px solid #f5f5f5; } #Management.threeDiv .MisterBoxWrap { width: 100%; height: 100%; } #Management.threeDiv .MisterBoxImg { height: 100%; float: left; } #Management.threeDiv .MisterBoxImg img { display: block; height: 100%; } #Management.threeDiv .MisterBoxText { padding-left: 288px; padding-top: 40px; padding-right: 40px; background: #fff; } #Management.threeDiv .MisterBoxTextH2 { font-size: 30px; color: #333333; } #Management.threeDiv .MisterBoxTextSpan { font-size: 14px; color: #e60012; margin-top: 10px; } #Management.threeDiv .MisterBoxTextP { font-size: 14px; color: #666666; margin-top: 18px; line-height: 1.5; } #Management.threeDiv .MisterBoxTextTxt { height: 84px; overflow: hidden; font-size: 14px; color: #666666; margin-top: 5px; line-height: 1.5; } #Management.threeDiv .Chen.MisterBox { background: none; margin-top: 50px; } #Management.threeDiv .Chen.MisterBox .MisterBoxImg { float: right; } #Management.threeDiv .Chen.MisterBox .MisterBoxText { padding-right: 288px; padding-left: 0; } /* 团队成员样式 */ #Management.threeDiv .TeamMemberList:after { content: ''; display: block; clear: both; } #Management.threeDiv .TeamMemberList { padding: 50px 0 46px; } #Management.threeDiv .TeamMember.ffBack { background: #f5f5f5; } #Management.threeDiv .TeamMemberList li { float: left; cursor: pointer; width: 16%; margin-left: 5%; margin-bottom: 10px; box-sizing: content-box; } #Management.threeDiv .TeamMemberList li a { display: block; width: 100%; height: 100%; } #Management.threeDiv .TeamMemberList li:first-child { margin-left: 0; } #Management.threeDiv .TeamMemberList li img { display: block; width: 90%; margin: 0 auto; } #Management.threeDiv .TeamMemberList li h6 { font-size: 22px; color: #333333; text-align: center; margin-top: 28px; } #Management.threeDiv .TeamMemberList li h6 span { display: block; width: 20%; height: 3px; background: #e60012; margin: 10px auto 0; } #Management.threeDiv .TeamMemberList li p { text-align: center; font-size: 14px; color: #666666; margin-top: 10px; line-height: 1.5; } #Management.threeDiv .ViewDetails { display: none; } #Management.threeDiv .detailsTxt .positionBox br { display: inline; } #Management.threeDiv .ViewDetailsBox { z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; padding-top: 100px; overflow: auto; left: 0; right: 0; bottom: 0; background: #fff; display: none; } #Management.threeDiv .ViewDetailsBox .secondWrapBox { padding-top: 40px; } #Management.threeDiv .ViewDetailsClose { width: 30px; position: absolute; top: 10px; right: 0; cursor: pointer; } #Management.threeDiv .detailsImg { width: 480px; float: left; } #Management.threeDiv .detailsImg img { display: block; width: 100%; } #Management.threeDiv .detailsTxt { padding-left: 200px; } #Management.threeDiv .nameBox { text-align: center; font-size: 36px; color: #333; } #Management.threeDiv .positionBox { display: none; font-size: 16px; color: #333; text-align: center; line-height: 30px; } #Management.threeDiv .ViewDetailsTxt { font-size: 16px; color: #333; line-height: 1.6; margin-top: 14px; padding-bottom: 20px; } #Management.threeDiv .ViewDetailsTxt p { margin-bottom: 10px; } @media screen and (max-width:860px) { #Management.threeDiv .TeamMemberList li p { font-size: 12px; } } @media screen and (max-width:768px) { #Management.threeDiv .TeamMemberList li { width: 38%; margin: 0; padding: 0 6% 4.6%; } #Management.threeDiv .TeamMemberList { padding: 6.25% 0 0; } #Management.threeDiv .MisterBoxTextTxt { display: none; } #Management.threeDiv .TeamMember { font-size: 60px; } #Management.threeDiv .TeamMemberList li h6 { font-size: 37.5%; margin-top: 4.68%; } #Management.threeDiv .TeamMemberList li h6 span { margin-top: 1.5; } #Management.threeDiv .TeamMemberList li p { margin-top: 3%; font-size: 31.25%; } #Management.threeDiv .TeamMember .secondWrapBox { padding: 0; } #Management.threeDiv .f5Background { display: none; } #Management.threeDiv .MisterSection { position: relative; top: 0; left: 0; font-size: 60px; } #Management.threeDiv .MisterDiv .secondWrapBox { padding: 0; } #Management.threeDiv .MisterBoxWrap { background: #fff; } #Management.threeDiv .MisterBoxWrap:after { content: ''; display: block; clear: both; } #Management.threeDiv .YuYinTao.MisterBox { background: #f5f5f5; padding: 4.6875% 16px; -webkit-box-shadow: none; box-shadow: none; height: auto; } #Management.threeDiv .MisterBoxImg { width: 36%; } #Management.threeDiv .MisterBoxImg img { width: 100%; height: auto; } #Management.threeDiv .MisterBoxText { padding: 4% 1% 1% 3%; float: left; width: 64%; height: 194px; overflow: hidden; } #Management.threeDiv .MisterBoxTextH2 { font-size: 46.875%; } #Management.threeDiv .MisterBoxTextSpan { font-size: 31.25%; margin-top: 2%; } #Management.threeDiv .MisterBoxTextP { font-size: 31.25%; margin-top: 3.4%; } #Management.threeDiv .Chen.MisterBox { margin-top: 0; } #Management.threeDiv .Chen.MisterBox .MisterBoxText { padding: 8% 1% 1%; } #Management.threeDiv .MisterBox, #Management.threeDiv .MisterDiv .secondWrapBox { height: auto; } #Management.threeDiv .Chen.MisterBox { padding: 4.6875% 16px; -webkit-box-shadow: none; box-shadow: none; height: auto; } /* 弹出部分 */ #Management.threeDiv .ViewDetailsBox { padding-top: 45px; } #Management.threeDiv .detailsImg { float: none; margin: 0 auto; } #Management.threeDiv .detailsTxt { padding: 0; margin-top: 3%; } #Management.threeDiv .ViewDetailsClose { right: 16px; } } @media screen and (max-width:640px) { #Management.threeDiv .TeamMember, #Management.threeDiv .MisterSection { font-size: 50px; } #Management.threeDiv .MisterBoxText { height: 158px; } } @media screen and (max-width:414px) { #Management.threeDiv .TeamMember, #Management.threeDiv .MisterSection { font-size: 44px; } #Management.threeDiv .MisterBoxText { height: 145px; } } @media screen and (max-width:375px) { #Management.threeDiv .TeamMember, #Management.threeDiv .MisterSection { font-size: 37.5px; } #Management.threeDiv .MisterBoxText { height: 130px; } } /* 管理团队结束 */ /* 发展历程开始 */ #Company_history.threeDiv .development { padding-top: 40px; font-size: 32px; padding-bottom: 50px; } #Company_history.threeDiv .history_box { width: 100%; } #Company_history.threeDiv .hist_box { position: relative; height: 1140px; } #Company_history.threeDiv .hist_box_time { width: 100px; height: 100px; text-align: center; line-height: 100px; color: #666666; font-size: 28px; position: absolute; top: 0; left: 50%; margin-left: -50px; cursor: pointer; } #Company_history.threeDiv .hist_box_time.timeAct .hist_box_timeT { color: #e60012; } #Company_history.threeDiv .hist_box_time img { display: block; width: 100%; } #Company_history.threeDiv .hist_box_time>img { display: block; width: 100%; position: absolute; top: 0; left: 0; } #Company_history.threeDiv .hist_box_timeT { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #666666; } #Company_history.threeDiv .hist_box_line { width: 2px; height: 100%; background: #eee; margin: 0 auto; } #Company_history.threeDiv .hist_boxList { width: 100%; display: none; } #Company_history.threeDiv .hist_boxList:after { content: ''; display: block; clear: both; } /* 包含内容列表样式 */ #Company_history.threeDiv .hist_boxList { width: 100%; position: absolute; top: 0; left: 0; } #Company_history.threeDiv .hist_boxList li { width: 50%; height: 500px; padding-top: 60px; position: relative; } /* 奇偶数样式排列 */ #Company_history.threeDiv .hist_boxList li.numberO { float: left; } #Company_history.threeDiv .hist_boxList li.numberO .hist_boxListBox { padding-right: 20%; } #Company_history.threeDiv .hist_boxList li.numberQ { float: right; padding-top: 140px; height: 560px; } #Company_history.threeDiv .hist_boxList li.numberQ .hist_boxListBox { padding-left: 20%; } #Company_history.threeDiv .histListImg { display: block; width: 100%; position: relative; z-index: 9; margin-top: 3%; } #Company_history.threeDiv .histListImg:first-child { margin-top: 0; } #Company_history.threeDiv .histListImg>img { display: block; width: 100%; position: relative; z-index: 2; } #Company_history.threeDiv .histListImg_span { display: block; width: 100%; height: 40px; position: absolute; bottom: 0; left: 0; z-index: 3; } #Company_history.threeDiv .histListImg_span>img { display: block; width: 100%; height: 100%; } #Company_history.threeDiv .histListImg_span span { display: block; width: 90%; height: 100%; line-height: 40px; position: absolute; top: 0; left: 2%; font-size: 16px; color: #fff; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #Company_history.threeDiv .histDot { font-size: 14px; color: #333333; margin-top: 20px; padding-left: 12px; position: relative; line-height: 1.5; } #Company_history.threeDiv .histDot:before { content: ''; display: block; width: 5px; height: 5px; background: #e60012; position: absolute; top: 8px; left: 0; } #Company_history.threeDiv .mouth_span { width: 10%; height: 30px; cursor: pointer; z-index: 3; } #Company_history.threeDiv .hist_boxList li.gotoNew { padding-top: 150px; } .gotoNewHistory { position: relative; padding-left: 12px; color: #e60012; font-size: 20px; z-index: 9; background: #fff; } .gotoNewHistory:before { content: ''; display: block; width: 5px; height: 5px; background: #e60012; position: absolute; top: 10px; left: 0; } .gotoNewHistory a { color: #e60012; border-bottom: 1px solid #e60012; } /* 月份标志 */ #Company_history.threeDiv .hist_boxList li.numberO .mouth_span { width: 60px; height: 30px; position: absolute; top: 150px; right: -30px; } #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span { width: 60px; height: 30px; position: absolute; top: 250px; left: -30px; } #Company_history.threeDiv .mouth_span img { display: block; width: 100%; } #Company_history.threeDiv .mouth_spanYu { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; text-align: center; line-height: 30px; font-size: 14px; } #Company_history.threeDiv .hist_boxList li.numberO .histListImgLine { width: 144px; height: 2px; background: #f5f5f5; position: absolute; top: 50%; left: -144px; } #Company_history.threeDiv .hist_boxList li.numberQ .histListImgLine { width: 144px; height: 2px; background: #f5f5f5; position: absolute; top: 50%; right: -144px; } /* 控制高度显示开始 */ #Company_history.threeDiv .hist_boxList.histAct { display: block; } /* 控制高度显示结束 */ #Company_history.threeDiv .history_new_Title { display: block; width: 80%; margin: 0 auto; } #Company_history.threeDiv .history_newList li { overflow: hidden; zoom: 1; padding: 2.2% 0; position: relative; } #Company_history.threeDiv .history_newList li .hist_box_time { top: 50px; } #Company_history.threeDiv .history_newList li .hist_box_time .hist_box_timeT { color: #e60012; } #Company_history.threeDiv .histBox { width: 40%; } #Company_history.threeDiv .histBox.leftHist { float: left; } #Company_history.threeDiv .histBox.rightHist { float: right; } #Company_history.threeDiv .newBoxCon { position: relative; } #Company_history.threeDiv .newBoxCon .hist_box_line { position: absolute; top: 0; left: 50%; } @media screen and (max-width:768px) { #Company_history.threeDiv .development { padding-top: 0; font-size: 60px; padding-bottom: 5%; } #Company_history.threeDiv .hist_box_time { width: 50px; height: 50px; line-height: 50px; font-size: 16px; left: 0; margin-left: 0; } #Company_history.threeDiv .hist_box_line { position: absolute; left: 25px; } #Company_history.threeDiv .hist_boxList li { width: 100%; padding-left: 50px; } #Company_history.threeDiv .hist_boxList li.active .hist_boxListBox { padding: 0 0 0 5%; } #Company_history.threeDiv .hist_boxList li.numberO { float: none; padding-top: 5%; } #Company_history.threeDiv .hist_boxList li.numberQ { float: none; } #Company_history.threeDiv .hist_boxList li.numberO .mouth_span { left: 10px; } #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span { left: 10px; } #Company_history.threeDiv .hist_boxList li.numberO .mouth_span, #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span { width: 30px; height: 15px; line-height: 15px; top: 70px; } #Company_history.threeDiv .mouth_spanYu { line-height: 15px; font-size: 12px; } #Company_history.threeDiv .hist_boxList li.numberO .histListImgLine { width: 50px; left: 30px; } #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span { top: 70px; } #Company_history.threeDiv .hist_boxList li.numberQ { padding-top: 5%; height: 450px; } #Company_history.threeDiv .hist_boxList li { height: 450px; } #Company_history.threeDiv .hist_boxList { position: relative; } #Company_history.threeDiv .history_box { min-height: 80px; } #Company_history.threeDiv .histListImg { max-width: 400px; } #Company_history.threeDiv .hist_boxList li.numberO .hist_boxListBox, #Company_history.threeDiv .hist_boxList li.numberQ .hist_boxListBox { padding: 0; } #Company_history.threeDiv .histDot { margin-top: 4%; } #Company_history.threeDiv .hist_boxList li.gotoNew { padding-top: 64px; } #Company_history.threeDiv .newBoxCon .hist_box_line { position: absolute; top: 0; left: 50%; } #Company_history.threeDiv .history_newList li .hist_box_time { left: 50%; top: 20px; margin-left: -25px; } #Company_history.threeDiv .history_newList li { padding-top: 80px; } #Company_history.threeDiv .histBox { width: 45%; } #Company_history.threeDiv .histListImg_span span { font-size: 37.5%; } #Company_history.threeDiv .history_new_Title { width: 100%; } } @media screen and (max-width:640px) { #Company_history.threeDiv .development { font-size: 50px; } } @media screen and (max-width:414px) { #Company_history.threeDiv .development { font-size: 44px; } } @media screen and (max-width:375px) { #Company_history.threeDiv .development { font-size: 37.5px; } } /* 发展历程结束 */ /* 维保服务合同客户条款及服务标准开始 */ #Terms_of_service.threeDiv .TermsService { padding-top: 40px; font-size: 32px; } #Terms_of_service.threeDiv .TermsServiceBox { width: 800px; margin: 0 auto; } #Terms_of_service.threeDiv .TermsList { width: 100%; margin-bottom: 30px; } #Terms_of_service.threeDiv .TermsListTit { width: 100%; height: 46px; line-height: 46px; font-size: 22px; color: #fff; background: #e60012; padding-left: 12px; } #Terms_of_service.threeDiv .TermsListCon { border: 1px solid #e6e6e6; } #Terms_of_service.threeDiv .TermsListCon li { height: 34px; line-height: 34px; font-size: 14px; color: #666666; padding-left: 12px; border-top: 1px solid #e6e6e6; } #Terms_of_service.threeDiv .TermsListCon li:first-child { border-top: none; } #Terms_of_service.threeDiv .TermsListCon li.backf5terms { background: #f5f5f5; } #Terms_of_service.threeDiv .TermsListConText { width: 87%; float: left; } #Terms_of_service.threeDiv .gotoDown { display: block; width: 13%; height: 100%; float: right; } #Terms_of_service.threeDiv .gotoDown a { color: #333333; } #Terms_of_service.threeDiv .gotoDown a.fontRed { color: #e60012; } #Terms_of_service.threeDiv .gotoDown a img { width: 16%; min-width: 16px; vertical-align: middle; margin-top: -1.5%; margin-left: 6px; } @media screen and (max-width:836px) { #Terms_of_service.threeDiv .TermsServiceBox { width: 100%; } } @media screen and (max-width:768px) { #Terms_of_service.threeDiv.secondDiv .secondEntH3 { padding: 6.6% 10% 4%; } #Terms_of_service.threeDiv .TermsService { font-size: 60px; } #Terms_of_service.threeDiv .TermsServiceBox { width: 100%; } #Terms_of_service.threeDiv .TermsService { padding-top: 0; } #Terms_of_service.threeDiv .TermsListConText { line-height: 1.2; width: 100%; padding-right: 85px; padding-left: 2%; } #Terms_of_service.threeDiv .TermsListCon li { height: auto; padding: 10px 0; overflow: hidden; position: relative; } #Terms_of_service.threeDiv .gotoDown { width: 80px; height: auto; line-height: 1.2; padding: 10px 0; float: left; position: absolute; top: 0; right: 0; } #Terms_of_service.threeDiv .TermsList { margin-bottom: 10%; } } @media screen and (max-width:640px) { #Terms_of_service.threeDiv .TermsService { font-size: 50px; } } @media screen and (max-width:414px) { #Terms_of_service.threeDiv .TermsService { font-size: 44px; } } @media screen and (max-width:375px) { #Terms_of_service.threeDiv .TermsService { font-size: 37.5px; } } /* 维保服务合同客户条款及服务标准结束 */ /* ComwareV7开始 */ #ComwareV7.threeDiv .ComwareV7Con { padding-top: 40px; font-size: 32px; } #ComwareV7.threeDiv .MsoNormal { font-size: 14px; color: #666666; line-height: 1.78; margin-bottom: 32px; } #ComwareV7.threeDiv .MsoNormalDot { font-size: 14px; color: #666666; line-height: 1.78; margin-bottom: 36px; } #ComwareV7.threeDiv .MsoNormalDot:before { content: '·'; margin-right: 6px; } #ComwareV7.threeDiv .ComwareV7ConTxt h2 { font-size: 30px; color: #333333; margin-bottom: 30px; } #ComwareV7.threeDiv .ComwareV7ConTxt h3 { font-size: 24px; color: #333333; margin-bottom: 26px; } #ComwareV7.threeDiv .Figure { text-align: center; margin-bottom: 16px; } #ComwareV7.threeDiv .figure_span { text-align: center; margin-bottom: 20px; font-size: 14px; color: #666666; } #ComwareV7.threeDiv .ComwareV7List { background: #f5f5f5; } #ComwareV7.threeDiv .ComwareV7List .secondWrapBox { padding-top: 40px; } #ComwareV7.threeDiv .ComwareV7List .secondWrapBox:after { content: ''; display: block; clear: both; } #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a { display: block; width: 16%; float: left; margin: 0 8% 36px; color: #333333; font-size: 16px; } #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a:hover { color: #e60012; } #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a:before { content: '>'; color: #e60012; margin-right: 10px; } #ComwareV7.threeDiv .ComwareV7Gomore { width: 100%; height: 30px; text-align: right; line-height: 30px; margin-bottom: 40px; } #ComwareV7.threeDiv .ComwareV7Gomore>span { font-size: 14px; color: #e60012; cursor: pointer; } #ComwareV7.threeDiv .ComwareV7Gomore>span img { width: 16px; vertical-align: middle; margin-top: -2px; margin-left: 6px; } #ComwareV7.threeDiv .ComwareV7Gomore>span>span { display: inline-block; } #ComwareV7.threeDiv .ComwareV7ConTxt { height: 48px; overflow: hidden; } #ComwareV7.threeDiv .goupImg { display: none; } @media screen and (max-width:768px) { #ComwareV7.threeDiv .ComwareV7Con, #ComwareV7.threeDiv .ComwareV7List { font-size: 60px; } #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a { width: 40%; margin: 0 5% 5%; } #ComwareV7.threeDiv .ComwareV7List .secondWrapBox { padding: 10% 0 5%; } #ComwareV7.threeDiv .ComwareV7Con { padding-top: 0; } #ComwareV7.threeDiv .MsoNormal { margin-bottom: 5%; font-size: 37.5%; } #ComwareV7.threeDiv .MsoNormalDot { margin-bottom: 5%; font-size: 37.5%; } #ComwareV7.threeDiv .Figure img { width: 80%; } #ComwareV7.threeDiv .Figure { margin-bottom: 2%; } #ComwareV7.threeDiv .figure_span { margin-bottom: 5%; font-size: 31.5%; } #ComwareV7.threeDiv .ComwareV7ConTxt h2 { margin-bottom: 5%; font-size: 45%; } #ComwareV7.threeDiv .ComwareV7ConTxt h3 { margin-bottom: 5%; font-size: 40%; } #ComwareV7.threeDiv .ComwareV7Gomore>span { font-size: 37.5%; } #ComwareV7.threeDiv .ComwareV7Gomore>span img { width: 5%; min-width: 16px; } #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a { font-size: 40%; } #ComwareV7.threeDiv .ComwareV7Gomore { height: auto; line-height: 1; margin-bottom: 5%; } } @media screen and (max-width:640px) { #ComwareV7.threeDiv .ComwareV7Con, #ComwareV7.threeDiv .ComwareV7List { font-size: 50px; } } @media screen and (max-width:414px) { #ComwareV7.threeDiv .ComwareV7Con, #ComwareV7.threeDiv .ComwareV7List { font-size: 44px; } } @media screen and (max-width:375px) { #ComwareV7.threeDiv .ComwareV7Con, #ComwareV7.threeDiv .ComwareV7List { font-size: 37.5px; } } /* ComwareV7结束 */ /* DDQ页面整合样式开始 */ /* DDQApprove开始 */ #DDQApprove.threeDiv .DDQApproveCon { padding-top: 40px; font-size: 32px; } #DDQApprove.threeDiv .DDQRequired { width: 100%; font-size: 16px; color: #666666; } #DDQApprove.threeDiv .DDQRequired span { color: #e60012; margin: 0 4px; } /* 第一部分样式 */ #DDQApprove.threeDiv .DDQApproveBox { margin-top: 30px; } #DDQApprove.threeDiv .liaisonClassOne { margin-top: 12px; } #DDQApprove.threeDiv .liaisonClassOne:after { content: ''; display: block; clear: both; } #DDQApprove.threeDiv .ClassOneName { width: 198px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; } #DDQApprove.threeDiv .ClassOneName span:before { content: '*'; color: #e60012; } #DDQApprove.threeDiv .ClassOneName span img { display: none; } #DDQApprove.threeDiv .ClassOneList { width: 100%; padding-left: 198px; } #DDQApprove.threeDiv .ClassOneList:after { content: ''; display: block; clear: both; } #DDQApprove.threeDiv .ClassOneList li { float: left; margin-left: 1.4%; font-size: 14px; color: #666666; min-height: 36px; line-height: 36px; } #DDQApprove.threeDiv .ClassOneList li:first-child { margin-left: 0; } #DDQApprove.threeDiv .Class-cn-1 { width: 12%; } #DDQApprove.threeDiv .Class-cn-2 { width: 18%; } #DDQApprove.threeDiv .Class-cn-3 { width: 21%; } #DDQApprove.threeDiv .Class-cn-4 { width: 34.4%; } #DDQApprove.threeDiv .ClassOneList li input { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding-left: 12px; color: #666666; border: 1px solid #d8d8d8; } #DDQApprove.threeDiv .ClassOneList li .OneListName { display: none; } /* 表单标签标题公共样式 */ .secondDiv.threeDiv .ApproveH2 { width: 100%; border-bottom: 1px solid #d8d8d8; line-height: 0; } .secondDiv.threeDiv .ApproveH2 span { display: inline-block; padding: 15px 20px; line-height: 1; font-size: 16px; color: #333333; border: 1px solid #d8d8d8; border-bottom: none; background: #f7f7f7; position: relative; } .secondDiv.threeDiv .ApproveH2 span img { display: none; height: 50%; position: absolute; right: 2%; top: 25.5%; } /* 第二部分样式开始 */ #DDQApprove.threeDiv .DDQAppChoice { margin-top: 30px; } #DDQApprove.threeDiv .problem { position: relative; } #DDQApprove.threeDiv .Required { display: block; width: 10px; color: #e60012; font-size: 16px; position: absolute; top: 0; left: 0; line-height: 1.5; } #DDQApprove.threeDiv .Serial { display: block; width: 20px; font-size: 16px; color: #333333; position: absolute; top: 0; left: 10px; line-height: 1.5; } #DDQApprove.threeDiv .problemTit { display: block; width: 100%; padding-right: 170px; padding-left: 30px; font-size: 16px; color: #333333; line-height: 1.5; } #DDQApprove.threeDiv .problemChoice { width: 140px; position: absolute; top: 0; right: 0; text-align: right; line-height: 1.5; font-size: 16px; color: #333333; border-left: 1px solid #d8d8d8; } #DDQApprove.threeDiv .ChoiceI { display: inline-block; } #DDQApprove.threeDiv .problemChoice input { -webkit-appearance: radio; width: 16px; margin-left: 30px; } #DDQApprove.threeDiv .problemCon { padding-left: 30px; } #DDQApprove.threeDiv .problemCon p { font-size: 16px; color: #333333; margin-top: 14px; line-height: 1; } #DDQApprove.threeDiv .problemCon .problemDot:before { content: '·'; margin-right: 8px; } #DDQApprove.threeDiv .problemCon textarea { width: 560px; height: 120px; resize: none; margin-top: 12px; border: 1px solid #d8d8d8; padding: 10px; font-size: 16px; color: #333333; } /* 反复声明开始 */ #DDQApprove.threeDiv .anti-corruption { margin-top: 30px; } #DDQApprove.threeDiv .anti-corruption>.secondWrapBox { border-top: 1px solid #d8d8d8; padding-top: 6px; border-bottom: 0; } #DDQApprove.threeDiv .anti-corruption .ApproveH2 { border-bottom: none; } #DDQApprove.threeDiv .anti-corruption .ApproveH2 span { background: none; border: none; font-weight: bold; } #DDQApprove.threeDiv .corruptionCo p { font-size: 16px; color: #333333; margin-top: 20px; line-height: 1.5; } /* 提交表单部分样式 */ #DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaList { padding: 0; } #DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaListBox.textInputSit { width: 580px; } #DDQApprove.threeDiv .submitter { margin-top: 30px; padding-bottom: 40px; } #DDQApprove.threeDiv .submitter .ApproveH2 { margin-bottom: 20px; } #DDQApprove.threeDiv .submitter .MediaListBoxinput { font-size: 16px; color: #666666; line-height: 36px; } #DDQApprove.threeDiv .Auterror { display: block; width: 100%; height: 14px; line-height: 1; font-size: 14px; color: #e60012; margin-top: 10px; } #DDQApprove.threeDiv .submitter .SitMediaListBox { width: 100px; font-size: 16px; height: 36px; line-height: 36px; color: #666666; float: left; position: relative; } #DDQApprove.threeDiv .DDQSubmit { padding-left: 100px; } #DDQApprove.threeDiv .DDQSubmitText { color: #e60012; font-size: 14px; } #DDQApprove.threeDiv .submitddqBox { margin-top: 30px; } #DDQApprove.threeDiv .submitddqBox:after { content: ''; display: block; clear: both; } #DDQApprove.threeDiv .submitddqBox input { display: block; float: left; } #DDQApprove.threeDiv .submitter .MediaListBoxinput>.timeSpan { display: block; font-size: 16px; } @media screen and (max-width:768px) { #DDQApprove.threeDiv .DDQApproveCon { padding-top: 0; font-size: 60px; } #DDQApprove.threeDiv .DDQRequired { text-align: center; } /* 表单第一部分样式修改 */ .secondDiv.threeDiv .ApproveH2Wrap { padding: 0; } .secondDiv.threeDiv .ApproveH2 { padding: 0 16px; margin-top: 0; font-size: 37.5%; } #DDQApprove.threeDiv .ClassListWrap { display: none; } #DDQApprove.threeDiv .ClassOneName { width: 100%; height: auto; float: none; padding: 0; font-size: 37.5%; } #DDQApprove.threeDiv .ClassOneName .detailsShow { display: block; } #DDQApprove.threeDiv .ClassOneName>span { display: block; padding: 3% 2%; line-height: 1; font-size: 100%; color: #333333; border: 1px solid #d8d8d8; background: #f7f7f7; position: relative; } #DDQApprove.threeDiv .ClassOneName>span img { height: 50%; position: absolute; right: 2%; top: 25.5%; } #DDQApprove.threeDiv .ClassOneList { padding: 0; } #DDQApprove.threeDiv .ClassOneList li { width: 100%; float: none; margin: 2% auto 0; font-size: 100%; } #DDQApprove.threeDiv .ClassOneList li .OneListName { display: block; font-size: 37.5%; } #DDQApprove.threeDiv .ClassOneList li .OneListName { display: block; } #DDQApprove.threeDiv .ClassOneList li input { font-size: 37.5%; } #DDQApprove.threeDiv .liaisonWrap { display: none; } #DDQApprove.threeDiv .canClick .ClassOneList { display: none; } #DDQApprove.threeDiv .liaisonSpan { font-size: 37.5%; text-align: left; line-height: 1.5; } /* 表单标签标题公共样式 */ .secondDiv.threeDiv .ApproveH2 span { width: 100%; padding: 3% 2%; font-size: 100%; } .secondDiv.threeDiv .ApproveH2 span img.detailsShow { display: block; } #DDQApprove.threeDiv .ApproveBoxList { display: none; } #DDQApprove.threeDiv .DDQApproveBox { margin-top: 4%; cursor: pointer; } #DDQApprove.threeDiv .ListConInput li>input { font-size: 37.5%; } /* 第二部分样式调整 */ #DDQApprove.threeDiv .problemTit { padding-right: 0; font-size: 37.5%; } #DDQApprove.threeDiv .problemCon { padding-left: 0; } #DDQApprove.threeDiv .problemCon textarea { width: 100%; font-size: 37.5%; } #DDQApprove.threeDiv .problemChoice { border-left: 0; width: 100%; border: 1px solid #d8d8d8; position: relative; margin-top: 3%; font-size: 37.5%; } #DDQApprove.threeDiv .problemChoice:after { content: ''; display: block; clear: both; } #DDQApprove.threeDiv .problemChoice .ChoiceI input { margin: 0; vertical-align: middle; } #DDQApprove.threeDiv .problemChoice .ChoiceI { display: block; width: 50%; float: left; text-align: center; padding: 2% 0; } #DDQApprove.threeDiv .problemChoice .ChoiceI:first-child { border-right: 1px solid #d8d8d8; } #DDQApprove.threeDiv .problemCon p { line-height: 1.5; margin-top: 3%; font-size: 37.5%; } #DDQApprove.threeDiv .Serial { font-size: 37.5%; } /* 反复声明开始 */ #DDQApprove.threeDiv .anti-corruption .ApproveH2 span { border: 1px solid #d8d8d8; background: #f7f7f7; border-bottom: none; } #DDQApprove.threeDiv .anti-corruption .ApproveH2 { border-bottom: 1px solid #d8d8d8; cursor: pointer; } #DDQApprove.threeDiv .anti-corruption .secondWrapBox { border-top: none; } #DDQApprove.threeDiv .anti-corruption { margin-top: 4.68%; } #DDQApprove.threeDiv .corruptionCo { display: none; } #DDQApprove.threeDiv .corruptionCo p { font-size: 37.5%; margin-top: 2%; } /* 提交表单部分修改 */ #DDQApprove.threeDiv .DDQSubmit { padding: 0; margin-top: 3%; } #DDQApprove.threeDiv .DDQSubmitText { width: 90%; margin: 0 auto; text-align: center; font-size: 37.5%; } #DDQApprove.threeDiv .submitddqBox { width: 90%; margin: 3% auto 0; } #DDQApprove.threeDiv .submitddqBox .ddqSubmit { float: left; } #DDQApprove.threeDiv .submitddqBox .ddqReset { float: right; } #DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaListBox.textInputSit { width: 100%; } #DDQApprove.threeDiv .submitter .SitMediaListBox { font-size: 37.5%; } #DDQApprove.threeDiv .MediaList { display: none; } #DDQApprove.threeDiv .anti-corruption>.secondWrapBox { padding-top: 0; } #DDQApprove.threeDiv .submitter { margin-top: 4.68%; } #DDQApprove.threeDiv .submitter .MediaListBoxinput { font-size: 100%; } } /* DDQApprove结束 */ @media screen and (max-width:640px) { #DDQApprove.threeDiv .DDQApproveCon { font-size: 50px; } } @media screen and (max-width:414px) { #DDQApprove.threeDiv .DDQApproveCon { font-size: 44px; } } @media screen and (max-width:375px) { #DDQApprove.threeDiv .DDQApproveCon { font-size: 37.5px; } } /* DDQ页面整合样式结束 */ /* 公共button样式开始 */ /* 提交按钮 */ .secondDiv.threeDiv .ddqSubmit { margin-right: 30px; } /* 刷新按钮背景色 */ .secondDiv.threeDiv .threeDivButton { width: 160px; height: 40px; border: none; text-align: center; line-height: 40px; font-size: 14px; color: #fff; } @media screen and (max-width:768px) { .secondDiv.threeDiv .threeDivButton { width: 40%; font-size: 37.5%; } } /* 公共button样式结束 */ /* 栏目概述样式开始 */ .secondDiv.threeDiv .oneOverflow { -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #Servers.threeDiv .serversCon { padding-top: 40px; font-size: 32px; } #Servers.threeDiv .serversConBox { background: #f5f5f5; padding: 40px 0; } #Servers.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; } #Servers.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 30px; cursor: pointer; position: relative; } #Servers.threeDiv .serversConImg img { display: block; width: 100%; } #Servers.threeDiv .serversConText .serversConTextBox { height: 250px; overflow: hidden; } #Servers.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 36px; line-height: 1.5; } #Servers.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #Servers.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; } #Servers.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; } #Servers.threeDiv .serverClick { text-align: right; margin-top: 24px; font-size: 14px; color: #e60012; } #Servers.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; } #Servers.threeDiv .serverClick.activeC { margin-top: 20px; } #Servers.threeDiv .serverClick .closeListS { display: none; } #Servers.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; } #Servers.threeDiv .serverClikBtn span { display: inline-block; } #Servers.threeDiv .serverClick.activeC .openListS { display: none; } #Servers.threeDiv .serverClick.activeC .closeListS { display: inline-block; } /* 产品分类开始 */ #Servers.threeDiv .classList li { width: 48%; float: left; margin-left: 4%; } #Servers.threeDiv .classList li:first-child { margin-left: 0; } #Servers.threeDiv .classList:after { content: ''; display: block; clear: both; } #Servers.threeDiv .classification { font-size: 32px; padding-top: 40px; padding-bottom: 40px; } #Servers.threeDiv .classListImg { display: block; } #Servers.threeDiv .classListImg>img { display: block; width: 100%; } #Servers.threeDiv .classListTxt { width: 100%; padding: 3.75%; } #Servers.threeDiv .classListTxt h2 { font-size: 24px; color: #333333; } #Servers.threeDiv .classListTxt p { font-size: 14px; color: #333333; margin-top: 20px; } #Servers.threeDiv .classListGoTo { margin-top: 20px; text-align: right; line-height: 0; } #Servers.threeDiv .classListGoTo a { font-size: 14px; color: #333333; } #Servers.threeDiv .classListGoTo a.fontRed { color: #e60012; } #Servers.threeDiv .classListGoTo a img { width: 16px; vertical-align: middle; margin-top: -2px; margin-left: 4px; } body.ie8 #Servers.threeDiv .classList li { border: 1px solid #e8e8e8; } @media screen and (max-width:768px) { #Servers.threeDiv .serversCon { padding-top: 0; font-size: 60px; } #Servers.threeDiv .serversConImg { float: none; width: 100%; margin: 0; } #Servers.threeDiv .serversConText { background: #fff; padding: 3.75%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #Servers.threeDiv .serverClick { text-align: center; margin-top: 5.625%; } #Servers.threeDiv .serversConBox { padding: 5.625% 0; } /* 产品分类 */ #Servers.threeDiv .classification { padding-top: 0; font-size: 60px; } #Servers.threeDiv .classList li { float: none; width: 100%; margin: 0; } #Servers.threeDiv .classList li:first-child { margin-bottom: 3.75%; } #Servers.threeDiv .classListTxt h2 { font-size: 46.875%; } #Servers.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; } #Servers.threeDiv .classListGoTo { margin-top: 3%; } #Servers.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; } #Servers.threeDiv .serversConText p { margin-bottom: 20px; } } @media screen and (max-width:640px) { #Servers.threeDiv .serversCon, #Servers.threeDiv .classification { font-size: 50px; } } @media screen and (max-width:414px) { #Servers.threeDiv .serversCon, #Servers.threeDiv .classification { font-size: 44px; } } @media screen and (max-width:375px) { #Servers.threeDiv .serversCon, #Servers.threeDiv .classification { font-size: 37.5px; } } /* 栏目概述样式结束 */ /* 星级服务资质认证标准开始 */ #Technic_Service_Attestation .AttestationCon { font-size: 32px; padding-top: 40px; padding-bottom: 40px; } #Technic_Service_Attestation .AttestationCon .secondWrapBox:after { content: ''; display: block; clear: both; } #Technic_Service_Attestation .AttestationLeft { width: 75%; float: left; } #Technic_Service_Attestation .AttestationRight { width: 23%; float: right; } #Technic_Service_Attestation .standardList li { padding: 40px 20px; } #Technic_Service_Attestation .standardList li:after { content: ''; display: block; clear: both; } #Technic_Service_Attestation .standardImg { display: block; width: 304px; overflow: hidden; } #Technic_Service_Attestation .standardImg>img { display: block; width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } #Technic_Service_Attestation .standardImg>img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #Technic_Service_Attestation .standardF5 { background: #f5f5f5; } #Technic_Service_Attestation .standardF5 .standardImg { float: left; } #Technic_Service_Attestation .standardFF .standardImg { float: right; } #Technic_Service_Attestation .standardTxt { width: 100%; } #Technic_Service_Attestation .standardF5 .standardTxt { padding-left: 340px; padding-top: 20px; } #Technic_Service_Attestation .standardFF .standardTxt { padding-right: 340px; } #Technic_Service_Attestation .standardTxt h2 { font-size: 28px; color: #333333; } #Technic_Service_Attestation .standardTxt p { font-size: 14px; color: #333333; margin-top: 14px; line-height: 1.5; } #Technic_Service_Attestation .standardGoto { margin-top: 30px; text-align: right; line-height: 0; } #Technic_Service_Attestation .standardGoto a { font-size: 14px; color: #333333; } #Technic_Service_Attestation .standardGoto a.fontRed { color: #e60012; } #Technic_Service_Attestation .standardGoto a img { width: 16px; vertical-align: middle; margin-top: -2px; } #Technic_Service_Attestation .AttestatBox { padding-top: 40px; } #Technic_Service_Attestation .AttestatBoxTxt { padding: 0 20px; } #Technic_Service_Attestation .AttestatBoxTxt .standardGoto { line-height: 0; } #Technic_Service_Attestation .AttestatBoxTxt p { font-size: 14px; color: #666666; } #Technic_Service_Attestation .backgroundF5F5 { background: #f5f5f5; padding: 30px 20px; } #Technic_Service_Attestation .AttestatImg { width: 120px; height: 120px; float: left; } #Technic_Service_Attestation .AttestatImg>img { display: block; width: 100%; } #Technic_Service_Attestation .AttestatTxt { width: 100%; padding-left: 158px; } #Technic_Service_Attestation .AttestatTxt h2 { font-size: 22px; color: #333333; } #Technic_Service_Attestation .AttestatTxt p { font-size: 14px; color: #333333; margin-top: 12px; line-height: 1.5; } #Technic_Service_Attestation .installBox .AttestatTxt:after { content: ''; display: block; clear: both; } #Technic_Service_Attestation #Technic_Service_Attestation .AttestatBoxTxt.installBox { padding: 0; } #Technic_Service_Attestation .installBtn { width: 100px; height: 36px; background: #e60012; border-radius: 4px; font-size: 16px; text-align: center; line-height: 36px; margin: -36px 0 0 158px; } #Technic_Service_Attestation .installBtn a { display: block; width: 100%; height: 100%; color: #fff; } #Technic_Service_Attestation .AttestationRight { padding-top: 62px; } #Technic_Service_Attestation .AtRightBox { width: 100%; border: 1px solid #ececec; } #Technic_Service_Attestation .AtRightBox h2 { height: 50px; line-height: 50px; padding-left: 20px; font-size: 18px; color: #333333; background: #ececec; } #Technic_Service_Attestation .AtRightList { padding: 12px 20px; } #Technic_Service_Attestation .AtRightList li { width: 100%; padding: 10px 0; line-height: 1; } #Technic_Service_Attestation .AtRightList li a { display: block; width: 100%; font-size: 16px; color: #666666; } #Technic_Service_Attestation .AtRightList li a:hover { color: #e60012; } #Technic_Service_Attestation .AtRightList li.active a { color: #e60012; } @media screen and (max-width:800px) { #Technic_Service_Attestation .installBtn { margin: -10px 0 0 158px; } } @media screen and (max-width:768px) { #Technic_Service_Attestation .AttestationRight { display: none; } #Technic_Service_Attestation .AttestationCon { padding-top: 0; font-size: 60px; padding-bottom: 0; } #Technic_Service_Attestation .AttestationLeft { width: 100%; } #Technic_Service_Attestation .standardList li { padding: 0; background: #fff; margin-bottom: 3.75%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } body.ie8 #Technic_Service_Attestation .standardList li { border: 1px solid #ececec; } #Technic_Service_Attestation .standardF5 .standardImg { float: none; width: 100%; } #Technic_Service_Attestation .standardF5 .standardTxt, #Technic_Service_Attestation .standardFF .standardTxt { padding: 3.75%; } #Technic_Service_Attestation .standardGoto { margin-top: 3.75%; } #Technic_Service_Attestation .standardTxt h2 { font-size: 40%; } #Technic_Service_Attestation .standardTxt p { font-size: 31.5%; } #Technic_Service_Attestation .standardFF .standardImg { float: none; width: 100%; } #Technic_Service_Attestation .AttestatBox { padding-top: 0; } #Technic_Service_Attestation .secondWrapBox { padding: 0; } #Technic_Service_Attestation .AttestationBox { padding: 0 16px; } #Technic_Service_Attestation .AttestatBoxAuth { background: #f5f5f5; padding-bottom: 3.75%; } #Technic_Service_Attestation .AttestatBoxTxt p { font-size: 37.5%; } #Technic_Service_Attestation .backgroundF5F5 { background: #fff; } #Technic_Service_Attestation .installBtn { margin: 6% auto 0; width: 100%; height: auto; } #Technic_Service_Attestation .AttestatImg { width: 18.75%; height: auto; } #Technic_Service_Attestation .AttestatTxt { padding-left: 22%; } #Technic_Service_Attestation .AttestatTxt h2 { font-size: 46.5%; } #Technic_Service_Attestation .AttestatTxt p { font-size: 37.5%; margin-top: 2%; } } @media screen and (max-width:640px) { #Technic_Service_Attestation .AttestationCon { font-size: 50px; } } @media screen and (max-width:414px) { #Technic_Service_Attestation .AttestationCon { font-size: 44px; } } @media screen and (max-width:375px) { #Technic_Service_Attestation .AttestationCon { font-size: 37.5px; } } /* 星级服务资质认证标准结束 */ /* 存储页面样式开始 */ /* bannner样式变化 */ #Storage.threeDiv .secondBannerText { top: 20%; } #Storage.threeDiv .StorageTit { font-size: 50px; line-height: 1; } #Storage.threeDiv .StorageSpan { font-size: 40px; margin-top: 35px; line-height: 1; } #Storage.threeDiv .StorageP { font-size: 16px; width: 380px; } #Storage.threeDiv .UnderstandMore { display: block; width: 130px; height: 40px; border: 2px solid #fff; text-align: center; line-height: 40px; font-size: 14px; margin-top: 35px; } #Storage.threeDiv .UnderstandMore a { display: block; width: 100%; height: 100%; color: #fff; } @media screen and (max-width:1550px) { #Storage.threeDiv .secondBannerText { top: 10%; width: 90%; } } @media screen and (max-width:1200px) { #Storage.threeDiv .StorageTit { font-size: 40px; } #Storage.threeDiv .StorageSpan { font-size: 30px; margin-top: 25px; } #Storage.threeDiv .StorageP { width: 100%; font-size: 15px; } #Storage.threeDiv .UnderstandMore { margin-top: 25px; } } @media screen and (max-width:768px) { #Storage.threeDiv .secondBannerText p { border-left: none; padding-left: 0; } #Storage.threeDiv .StorageTit { font-size: 78%; } #Storage.threeDiv .StorageSpan { font-size: 50%; margin-top: 3%; } #Storage.threeDiv .StorageP { font-size: 31.5%; } #Storage.threeDiv .UnderstandMore { margin-top: 2%; height: auto; padding: 3% 0; line-height: 1; } } #Storage.threeDiv .summaryColum { padding-top: 40px; font-size: 32px; padding-bottom: 20px; } #Storage.threeDiv .summaryConTit { font-size: 28px; color: #3c3c3c; text-align: center; } #Storage.threeDiv .summaryConTxt { width: 70%; margin: 0 auto; font-size: 16px; color: #666666; text-align: center; line-height: 1.5; margin-top: 18px; } #Storage.threeDiv .summaryConPclist { margin-top: 10px; } #Storage.threeDiv .summaryConPclist:after { content: ''; display: block; clear: both; } #Storage.threeDiv .summaryConPclist li { width: 20%; float: left; } #Storage.threeDiv .summaryConPclist li a { display: block; width: 100%; height: 100%; padding: 20px 10px; } #Storage.threeDiv .summaryConPclist li:hover { background: #f5f5f5; } #Storage.threeDiv .summaryConPclist li .summaryListImg { display: block; width: 60px; margin: 0 auto; } #Storage.threeDiv .summaryConPclist li .summaryListImg>img { display: block; width: 100%; } #Storage.threeDiv .summaryListTit { font-size: 20px; color: #242424; text-align: center; margin-top: 12px; } #Storage.threeDiv .summaryListP { font-size: 14px; color: #666666; text-align: center; margin-top: 10px; } #Storage.threeDiv .Swiper-summaryCon { display: none; } #Storage.threeDiv .Swiper-summaryCon .swiper-slide ul:after { content: ''; display: block; clear: both; } #Storage.threeDiv .Swiper-summaryCon .swiper-slide li { width: 30%; float: left; margin-left: 5%; background: #fff; } body.ie8 #Storage.threeDiv .Swiper-summaryCon .swiper-slide li { margin-bottom: 20px; } #Storage.threeDiv .Swiper-summaryCon .swiper-slide li .summaryListImg { display: block; width: 40%; margin: 0 auto; } #Storage.threeDiv .Swiper-summaryCon .swiper-slide li .summaryListImg img { display: block; width: 100%; } #Storage.threeDiv .Swiper-summaryCon .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 20% 5%; } #Storage.threeDiv .Swiper-summaryCon .swiper-slide li:first-child { margin-left: 0; } #Storage.threeDiv .summaryEnterBtn { margin-top: 3%; } /* 推荐产品开始 */ #Storage.threeDiv .sumProducts { padding-top: 40px; padding-bottom: 40px; font-size: 32px; background: #f5f5f5; } #Storage.threeDiv .sumProductsC .sumProductSlide { width: 32%; float: left; margin-left: 2%; } #Storage.threeDiv .sumProductsC .sumProductSlide a { display: block; width: 100%; height: 100%; } #Storage.threeDiv .sumProductsC .sumProductSlide:first-child { margin-left: 0; } #Storage.threeDiv .sumProductImg { display: block; width: 100%; } #Storage.threeDiv .sumProductImg>img { display: block; width: 100%; } #Storage.threeDiv .sumProductTxt { font-size: 18px; color: #333333; padding: 20px; background: #fff; line-height: 1; } #Storage.threeDiv .swiper-sumProductsC { display: none; overflow: hidden; } body.ie8 #Storage.threeDiv .swiper-sumProductsC li { margin-bottom: 20px; } #Storage.threeDiv .ProducEnterBtn { display: none; } /* 产品分类 */ #Storage.threeDiv .classification { padding-top: 40px; font-size: 32px; padding-bottom: 40px; } #Storage.threeDiv .classifiList:after { content: ''; display: block; clear: both; } #Storage.threeDiv .classifiList .fiListBox { width: 49%; float: left; height: 380px; margin-left: 2%; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #Storage.threeDiv .classifiList .fiListBox:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } #Storage.threeDiv .classifiList .fiListBox>img { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } body.ie8 .classifiList .fiListBox { border: 1px solid #ececec; } #Storage.threeDiv .fiListBoxTxt { width: 100%; height: 100%; position: relative; padding: 40px; } #Storage.threeDiv .classifiList .fiListBox:first-child { margin-left: 0; } #Storage.threeDiv .fiListBoxTxtLogo { width: 40%; } #Storage.threeDiv .fiListBoxTxtLogo>img { display: block; width: 100%; } #Storage.threeDiv .greenText { display: inline-block; height: 50px; line-height: 50px; border-bottom: 2px solid #01a982; font-size: 26px; color: #01a982; } #Storage.threeDiv .redText { display: inline-block; height: 50px; line-height: 50px; border-bottom: 2px solid #e60012; font-size: 26px; color: #e60012; } #Storage.threeDiv .fiListBoxList { margin-top: 46px; } #Storage.threeDiv .fiListBoxList:after { content: ''; display: block; clear: both; } #Storage.threeDiv .fiListBoxList a { display: block; width: 33%; height: 35px; float: left; font-size: 14px; color: #333333; line-height: 1.3; } #Storage.threeDiv .greenT a:before { content: '>'; color: #01a982; margin-right: 4px; } #Storage.threeDiv .redT a:before { content: '>'; color: #e60012; margin-right: 4px; } #Storage.threeDiv .classifiList img.secondH5 { display: none; } /* */ #Storage.threeDiv .storgSolve { font-size: 32px; padding-top: 40px; background: #f5f5f5; padding-bottom: 40px; } #Storage.threeDiv .storgSolveList:after { content: ''; display: block; clear: both; } #Storage.threeDiv .storgSolveList li { width: 19.2%; float: left; margin-left: 1%; position: relative; } #Storage.threeDiv .storgSolveList li:first-child { margin-left: 0; } #Storage.threeDiv .storgSolveList li a { display: block; width: 100%; height: 100%; } #Storage.threeDiv .storgSolveList li a>img { display: block; width: 100%; } #Storage.threeDiv .SolveListTxt { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-top: 50%; } #Storage.threeDiv .SolveListTxt h2 { width: 90%; padding: 4px 0; background: #fff; line-height: 1.5; font-size: 20px; color: #333333; margin: 0 auto; color: #333; text-align: center; } #Storage.threeDiv .SolveListTxt p { width: 90%; margin: 18px auto 0; line-height: 1.5; font-size: 16px; color: #fff; text-align: center; } /* 成功案例开始 */ #Storage.threeDiv .storgSuccess { padding-top: 40px; font-size: 32px; } #Storage.threeDiv .storgSuccessText { font-size: 16px; color: #666666; } #Storage.threeDiv .storgSuccessCNav { margin-top: 30px; width: 100%; background: #f5f5f5; border: 1px solid #e8e8e8; } #Storage.threeDiv .storgSuccessCNav .navList:after { content: ''; display: block; clear: both; } #Storage.threeDiv .storgSuccessCNav li { width: 16%; float: left; cursor: pointer; text-align: center; font-size: 20px; color: #999999; border-right: 1px solid #e8e8e8; } #Storage.threeDiv .storgSuccessCNav li span { display: block; width: 100%; padding: 10px 0; } #Storage.threeDiv .storgSuccessCNav li.active { background: #fff; position: relative; bottom: -1px; } #Storage.threeDiv .storgSuccessWrap { margin-top: 20px; padding-bottom: 20px; } #Storage.threeDiv .SuccessWrapList { padding-bottom: 10px; } #Storage.threeDiv .SuccessWrapList:after { content: ''; display: block; clear: both; } #Storage.threeDiv .SuccessWrapList li { width: 32%; float: left; background: #fff; margin-left: 2%; } body.ie8 #Storage.threeDiv .SuccessWrapList li { border: 1px solid #ececec; } #Storage.threeDiv .SuccessWrapList li a { display: block; width: 100%; height: 100%; } #Storage.threeDiv .SuccessWrapList li a .WrapListImg { display: block; width: 100%; overflow: hidden; } #Storage.threeDiv .SuccessWrapList li a .WrapListImg img { display: block; width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } #Storage.threeDiv .SuccessWrapList li a .WrapListImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #Storage.threeDiv .SuccessWrapList li:first-child { margin-left: 0; } #Storage.threeDiv .WrapListText { padding: 20px; } #Storage.threeDiv .WrapListText h2 { font-size: 24px; color: #333333; } #Storage.threeDiv .WrapListText p { font-size: 14px; color: #333333; margin-top: 15px; } #Storage.threeDiv .storgSuccesW { display: none; overflow: hidden; } #Storage.threeDiv .storgSuccesW.active { display: block; } #Storage.threeDiv .SuccH5 { display: none; } #Storage.threeDiv .SuccH5 .swiper-wrapper:after { content: ''; display: block; clear: both; } #Storage.threeDiv .SuccH5 .swiper-wrapper li { float: left; padding: 0 16px; } #Storage.threeDiv .SuccH5 .swiper-wrapper li a { display: block; width: 100%; height: 100%; padding-bottom: 3%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } body.ie8 #Storage.threeDiv .SuccH5 .swiper-wrapper li a { border: 1px solid #ececec; } body.ie8 #Storage.threeDiv .SuccH5 .swiper-wrapper li { margin-bottom: 20px; } #Storage.threeDiv .SuccH5 .swiper-wrapper li a .WrapListImg { display: block; width: 100%; } #Storage.threeDiv .SuccH5 .swiper-wrapper li a .WrapListImg img { display: block; width: 100%; } #Storage.threeDiv .storgSuccess .swiper-btn-box { padding: 5% 0; } #Storage.threeDiv .protechVideo { background: #f5f5f5; } @media screen and (max-width:768px) { #Storage.threeDiv .summaryColum { padding-top: 0; font-size: 60px; padding-bottom: 0; } #Storage.threeDiv .summaryCon { background: #f5f5f5; padding: 4% 0; } #Storage.threeDiv .summaryConTit { font-size: 46.785%; } #Storage.threeDiv .summaryConTxt { width: 90%; font-size: 31.25%; } /* PC端列表消失 */ #Storage.threeDiv .summaryConPclist { display: none; } /* 移动端列表 */ #Storage.threeDiv .Swiper-summaryCon { display: block; margin-top: 4%; overflow: hidden; } #Storage.threeDiv .summaryListTit { font-size: 37.5%; } #Storage.threeDiv .summaryListP { font-size: 31.25%; } /* 推荐产品调整 */ #Storage.threeDiv .sumProducts { padding-top: 0; font-size: 60px; background: #fff; padding-bottom: 0; } #Storage.threeDiv .sumProductsC { background: #f5f5f5; padding: 4% 0; } #Storage.threeDiv .ProducEnterBtn { display: block; margin-top: 3%; } body.ie8 #Storage.threeDiv .ProducEnterBtn { display: none; } #Storage.threeDiv .swiper-sumProductsC { display: block; } #Storage.threeDiv .sumProductUl { display: none; } /* 产品分类 */ #Storage.threeDiv .classification { padding-top: 0; font-size: 60px; padding-bottom: 3%; } #Storage.threeDiv .classifiList .fiListBox { float: none; width: 100%; height: auto; margin: 0; margin-bottom: 3%; } #Storage.threeDiv .fiListBoxTxt { padding: 5%; } #Storage.threeDiv .classifiList img.secondPC { display: none; } #Storage.threeDiv .classifiList img.secondH5 { display: block; } #Storage.threeDiv .greenText { font-size: 37.5%; } #Storage.threeDiv .fiListBoxList a { width: 50%; } /* 解决方案 */ #Storage.threeDiv .storgSolve .secondWrapBox { padding: 0 10px; } #Storage.threeDiv .storgSolveList li { width: 50%; padding: 0 6px; margin: 0 0 2%; } #Storage.threeDiv .SolveListTxt h2 { width: 80%; font-size: 40%; } #Storage.threeDiv .storgSolve { padding-top: 0; padding-bottom: 3%; font-size: 60px; } #Storage.threeDiv .SolveListTxt p { width: 80%; font-size: 37.5%; } #Storage.threeDiv .SolveListTxt { padding-top: 40%; } /* 成功案例 */ #Storage.threeDiv .SuccPc { display: none; } #Storage.threeDiv .SuccH5 { display: block; } #Storage.threeDiv .SuccessWrapList li { width: 100%; margin: 0; } #Storage.threeDiv .storgSuccessCNav li { width: 20%; font-size: 31.25%; } #Storage.threeDiv .storgSuccess { padding-top: 0; font-size: 60px; } #Storage.threeDiv .storgSuccessText { font-size: 37.5%; } #Storage.threeDiv .storgSuccessC .secondWrapBox { padding: 0; } #Storage.threeDiv .WrapListText { padding: 3%; } #Storage.threeDiv .WrapListText h2 { font-size: 46%; } #Storage.threeDiv .WrapListText p { font-size: 37.5%; margin-top: 2%; } #Storage.threeDiv .storgSuccessCNav { border-right: 0; } #Storage.threeDiv .storgSuccessWrap { padding-bottom: 0; } /* 视频部分调节 */ #Storage.threeDiv #videoWrapH5, #Storage.threeDiv #videoWrapH5 .protechH5Tit, #Storage.threeDiv #videoWrapH5 .protechH5VidBtn { background: #f5f5f5; } #Storage.threeDiv #videoWrapH5 .protechH5VidBtn { padding-top: 2%; } } @media screen and (max-width:640px) { #Storage.threeDiv .summaryColum, #Storage.threeDiv .storgSolve, #Storage.threeDiv .storgSuccess { font-size: 50px; } } @media screen and (max-width:414px) { #Storage.threeDiv .summaryColum, #Storage.threeDiv .storgSolve, #Storage.threeDiv .storgSuccess { font-size: 44px; } } @media screen and (max-width:375px) { #Storage.threeDiv .summaryColum, #Storage.threeDiv .storgSolve, #Storage.threeDiv .storgSuccess { font-size: 37.5px; } } /* 存储页面样式结束 */ /* 认证代理商开始 */ /* 步骤部分样式开始 */ .secondDiv.threeDiv .Authentication { padding-top: 40px; font-size: 32px; } .secondDiv.threeDiv .secondEntH3Txt { font-size: 14px; color: #e60012; margin-left: 18px; } .secondDiv.threeDiv .AuthenNav ul:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .AuthenNav ul li { width: 13.9%; height: 130px; background: #f5f5f5; float: left; margin-left: 0.45%; } .secondDiv.threeDiv .AuthenNav ul li:first-child { margin-left: 0; } .secondDiv.threeDiv .AuthenNav ul li .navListNum { display: block; width: 40px; height: 40px; margin: 25px auto 0; position: relative; text-align: center; line-height: 40px; font-size: 24px; color: #666666; } .secondDiv.threeDiv .AuthenNav ul li .navListNum img { display: block; width: 100%; position: absolute; top: 0; left: 0; } .secondDiv.threeDiv .AuthenNav ul li .navListNum .navListNufff { display: none; } .secondDiv.threeDiv .navListTxt { width: 90%; margin: 5% auto 0; font-size: 12px; color: #666666; text-align: center; line-height: 1.5; padding-bottom: 3%; } .secondDiv.threeDiv .AuthenNav ul li.backRed .navListNumNo { display: none; } .secondDiv.threeDiv .AuthenNav ul li.backRed .navListNufff { display: block; } .secondDiv.threeDiv .AuthenNav ul li.backRed .navListTxt { color: #fff; } .secondDiv.threeDiv .AuthenNav ul li.backRed .navListNum { color: #fff; } .secondDiv.threeDiv .AuthenNavTxt { font-size: 14px; color: #666666; margin-bottom: 15px; line-height: 1.5; } .secondDiv.threeDiv .AuthenNavTxt a { color: #333333; font-weight: 700; } .secondDiv.threeDiv .strongRed { color: #e60012; } .secondDiv.threeDiv .NavTxtBox { padding-top: 15px; margin-top: 40px; padding-bottom: 20px; } .secondDiv.threeDiv .swiper-navlist { display: none; } .secondDiv.threeDiv .AuthenNav .swiper-slide li { width: 32%; float: left; margin-left: 2%; } body.ie8 .secondDiv.threeDiv .AuthenNav .swiper-slide li { margin-bottom: 2%; } .secondDiv.threeDiv .AuthenNav .swiper-slide li:first-child { margin-left: 0; } .secondDiv.threeDiv .swiper-navlist { overflow: hidden; } .secondDiv.threeDiv .SuccesNavlist { padding: 3% 0; } /* 步骤部分样式结束 */ /* 表单部分开始 */ /* 第一部分公司基本情况 */ .secondDiv.threeDiv .ApproveH2Wrap { margin-top: 20px; } .secondDiv.threeDiv .companyWrap { padding-top: 20px; } .secondDiv.threeDiv select { -webkit-appearance: menulist; } .secondDiv.threeDiv .companyBox { overflow: hidden; zoom: 1; } .secondDiv.threeDiv .companyBox { padding-bottom: 20px; } .secondDiv.threeDiv .companyBoxName { width: 198px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; } .secondDiv.threeDiv .companyBoxName:before { content: '*'; color: #e60012; } .secondDiv.threeDiv .companyBoxInput { width: 100%; padding-left: 198px; } .secondDiv.threeDiv .companyBoxInput .textInput { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding-left: 12px; color: #666666; border: 1px solid #d8d8d8; } .secondDiv.threeDiv .Auterror { display: block; width: 100%; height: 14px; line-height: 1; font-size: 14px; color: #e60012; margin-top: 10px; } .secondDiv.threeDiv .InputBox:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .select_box { width: 180px; color: #666666; float: left; margin-right: 10px; } .secondDiv.threeDiv .select_box:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .selectBoxach { display: block; width: 100%; font-size: 14px; padding: 8px 0; border: 1px solid #d8d8d8; } .secondDiv.threeDiv .select_span { height: 36px; line-height: 36px; font-size: 14px; color: #7d7d7d; float: left; } .secondDiv.threeDiv .selectBoxWidth { display: block; width: 100%; padding: 8px; font-size: 14px; color: #666666; border: 1px solid #d8d8d8; } .secondDiv.threeDiv .companyText { display: block; padding: 10px; resize: none; width: 100%; height: 150px; border: 1px solid #d8d8d8; font-size: 14px; color: #666666; } /* 第二部分公司联络信息 */ .secondDiv.threeDiv .liaisonClassOne { margin-top: 12px; } .secondDiv.threeDiv .liaisonClassOne:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .ClassOneName { width: 198px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; } .secondDiv.threeDiv .ClassOneName span:before { content: '*'; color: #e60012; } .secondDiv.threeDiv .ClassOneName span img { display: none; } .secondDiv.threeDiv .ClassOneList { width: 100%; padding-left: 198px; } .secondDiv.threeDiv .ClassOneList:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .ClassOneList li { float: left; margin-left: 2.5%; font-size: 14px; color: #666666; min-height: 36px; line-height: 36px; } .secondDiv.threeDiv .ClassOneList li:first-child { margin-left: 0; } .secondDiv.threeDiv .Class-cn-1 { width: 18%; } .secondDiv.threeDiv .Class-cn-2 { width: 38.5%; } .secondDiv.threeDiv .ClassOneList li input { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding-left: 12px; color: #666666; border: 1px solid #d8d8d8; } .secondDiv.threeDiv .ClassOneList li .OneListName { display: none; } /* 分割线 */ .secondDiv.threeDiv .liaisonLine { width: 100%; height: 1px; background: #d8d8d8; margin-top: 30px; } /* 提示部分 */ .secondDiv.threeDiv .liaisonSpan { font-size: 14px; margin-top: 20px; color: #666666; text-align: right; } .secondDiv.threeDiv .liaisonSpan a { color: #0b7ed7; } .secondDiv.threeDiv .ExpandWrapList:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .ExpandWrapList li { width: 15.12%; float: left; margin-left: 2%; } .secondDiv.threeDiv .ExpandWrapList li:first-child { width: 31.5%; margin-left: 0; } .secondDiv.threeDiv .ExpandWrapList li select, .ExpandWrapList li input { padding: 8px; display: block; width: 100%; line-height: 1; font-size: 14px; color: #666666; border: 1px solid #d8d8d8; } .secondDiv.threeDiv .ExpandWrapName { width: 100%; height: 44px; line-height: 44px; font-size: 14px; color: #666666; text-align: center; } .secondDiv.threeDiv .ExpandWrapName:before { content: '*'; color: #e60012; } .secondDiv.threeDiv .uploadTextP { font-size: 14px; color: #666666; padding-left: 12px; line-height: 1.5; padding-top: 26px; } .secondDiv.threeDiv .uploadTextP a { font-weight: 700; color: #333; } .secondDiv.threeDiv .uploadTextP span { color: #e60012; } .secondDiv.threeDiv .uploadTextP:before { content: '*'; color: #e60012; } .secondDiv.threeDiv .uploadBox { margin-top: 22px; overflow: hidden; zoom: 1; } /* .secondDiv.threeDiv .uploadBox:after{content:'';display:block;clear:both;} */ .secondDiv.threeDiv .uploadName { width: 230px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; } .secondDiv.threeDiv .uploadName:before { content: '*'; color: #e60012; } .secondDiv.threeDiv .uploadinput { padding-left: 230px; } .secondDiv.threeDiv .uploadinput:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .uploadText { display: block; width: 60%; height: 36px; line-height: 36px; padding: 0 12px; border: 1px solid #d8d8d8; float: left; font-size: 14px; color: #666666; margin-right: 16px; } .secondDiv.threeDiv .uploadButton { display: block; width: 90px; height: 36px; float: left; border: none; color: #fff; font-size: 14px; text-align: center; margin-right: 16px; } .secondDiv.threeDiv .uploadSpan { font-size: 14px; color: #666666; float: left; height: 36px; line-height: 36px; } .secondDiv.threeDiv .uploadClassOne { border-bottom: 1px solid #d8d8d8; overflow: hidden; zoom: 1; } /* .secondDiv.threeDiv .uploadClassOne:after{content:'';display:block;clear:both;} */ .secondDiv.threeDiv .uploadOneName { width: 230px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; } .secondDiv.threeDiv .uploadOneName span img { display: none; } .secondDiv.threeDiv .uploadOneList li .OneListNameTxt a { display: block; width: 100%; height: 100%; color: #e60012; } .secondDiv.threeDiv .uploadOneList { width: 100%; padding-left: 230px; } .secondDiv.threeDiv .uploadOneList:after { content: ''; display: block; clear: both; } .secondDiv.threeDiv .uploadOneList li { float: left; width: 28%; padding-left: 10px; border-right: 1px solid #d8d8d8; font-size: 14px; color: #666666; min-height: 36px; line-height: 36px; } .secondDiv.threeDiv .uploadOneList li:first-child { margin-left: 0; } .secondDiv.threeDiv .uploadOneList li.last-child { padding-left: 0; width: 16%; } .secondDiv.threeDiv .uploadOneList li input { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding-left: 12px; color: #666666; border: 1px solid #d8d8d8; } .secondDiv.threeDiv .uploadOneList li.last-child input { display: block; margin: 0 auto; border: none; text-align: center; line-height: 36px; color: #fff; } .secondDiv.threeDiv .uploadOneList li .OneListName { display: none; } .secondDiv.threeDiv .center { text-align: center; } .secondDiv.threeDiv .center .uploadOneList li { text-align: center; } .secondDiv.threeDiv .registerSubmit { padding: 30px 0; } .secondDiv.threeDiv .registerSubmit input { display: block; border: none; width: 109px; padding: 10px 0; line-height: 1; font-size: 16px; color: #fff; text-align: center; margin: 0 auto; } .secondDiv.threeDiv .OneListNameTxt { display: block; width: 100%; height: 100%; } /* 表单部分结束 */ @media screen and (max-width:768px) { .secondDiv.threeDiv .Authentication { font-size: 60px; padding-top: 0; } .secondDiv.threeDiv .secondEntH3Txt { display: block; width: 80%; font-size: 45%; line-height: 1.5; margin: 2% auto 0; } .secondDiv.threeDiv .OneListNameTxt { height: auto; padding: 2%; font-size: 37.5%; color: #333; } .secondDiv.threeDiv .NavTxtBox { padding: 0 16px; margin-top: 0; } .secondDiv.threeDiv .AuthenNav .secondWrapBox { padding: 0; } .secondDiv.threeDiv .AuthenPC { display: none; } .secondDiv.threeDiv .AuthenH5 { display: block; } .secondDiv.threeDiv .navListTxt { font-size: 37.5%; } .secondDiv.threeDiv .swiper-slide li { padding-top: 0; } .secondDiv.threeDiv .AuthenNav ul li .navListNum { margin: 8% auto 0; } .secondDiv.threeDiv .navListTxt { padding-bottom: 5%; } .secondDiv.threeDiv .AuthenNavTxt { font-size: 37.5%; } .secondDiv.threeDiv .AuthenNav .AuthenNavList li { width: 32%; margin-right: 2%; margin-left: 0; margin-bottom: 2%; } .secondDiv.threeDiv .AuthenNavList li.NavListMargin { margin-right: 0; } /* 表单部分 贵公司基本情况 移动端调整 */ .secondDiv.threeDiv .ApproveH2Wrap { margin-top: 3%; } .secondDiv.threeDiv .companyWrap { padding-top: 2%; } .secondDiv.threeDiv .companyBoxName { width: 100%; float: none; padding-left: 0; font-size: 37.5%; } .secondDiv.threeDiv .companyBoxInput { padding: 0; } .secondDiv.threeDiv .Auterror { font-size: 31.25%; margin-top: 2%; height: auto; } .secondDiv.threeDiv .companyBox { padding-bottom: 2%; } .secondDiv.threeDiv .select_span { font-size: 37.5%; } .secondDiv.threeDiv .select_box { width: 48%; margin: 0; } .secondDiv.threeDiv .select_box:first-child { margin-right: 4%; } .secondDiv.threeDiv .companyBoxInput .textInput { font-size: 37.5%; } .secondDiv.threeDiv .companyBoxInput select { font-size: 37.5%; } .secondDiv.threeDiv .companyText { font-size: 37.5%; } /* 在移动端公司内容会收起 */ .secondDiv.threeDiv .companyWrap { display: none; } /* 公司联络方式移动端调整开始 */ .secondDiv.threeDiv .ClassListWrap { display: none; } .secondDiv.threeDiv .ClassOneName { width: 100%; height: auto; float: none; padding: 0; font-size: 37.5%; } .secondDiv.threeDiv .ClassOneName .detailsShow { display: block; } .secondDiv.threeDiv .ClassOneName>span { display: block; padding: 3% 2%; line-height: 1; font-size: 100%; color: #333333; border: 1px solid #d8d8d8; background: #f7f7f7; position: relative; } .secondDiv.threeDiv .ClassOneName>span img { height: 50%; position: absolute; right: 2%; top: 25.5%; } .secondDiv.threeDiv .ClassOneList { padding: 0; } .secondDiv.threeDiv .ClassOneList li { width: 100%; float: none; margin: 2% auto 0; font-size: 100%; } .secondDiv.threeDiv .ClassOneList li .OneListName { display: block; font-size: 37.5%; } .secondDiv.threeDiv .ClassOneList li .OneListName { display: block; } .secondDiv.threeDiv .ClassOneList li input { font-size: 37.5%; } /* 在移动端公司联络方式内容会收起 */ .secondDiv.threeDiv .liaisonWrap { display: none; } .secondDiv.threeDiv .canClick .ClassOneList { display: none; } .secondDiv.threeDiv .liaisonSpan { font-size: 37.5%; text-align: left; line-height: 1.5; } /* H3C负责与贵公司联系的员工(H3C拓展人) */ .secondDiv.threeDiv .ExpandWrapList li, .secondDiv.threeDiv .ExpandWrapList li:first-child { float: none; width: 100%; margin: 2% 0 0 0; } .secondDiv.threeDiv .ExpandWrapName { text-align: left; font-size: 37.5%; } .secondDiv.threeDiv .ExpandWrapList li select, .ExpandWrapList li input { font-size: 37.5%; } /* 上传申请资料样式 */ .secondDiv.threeDiv .uploadName { padding: 0; float: none; width: 100%; font-size: 37.5%; } .secondDiv.threeDiv .uploadinput { padding: 0; width: 100%; } .secondDiv.threeDiv .uploadText { width: 70%; margin-right: 2%; font-size: 37.5%; } .secondDiv.threeDiv .uploadButton { width: 28%; float: right; margin: 0; font-size: 31.25%; } .secondDiv.threeDiv .uploadTextP { font-size: 37.5%; padding-top: 2%; padding-left: 0; } .secondDiv.threeDiv .uploadSpan { font-size: 37.5%; } .secondDiv.threeDiv .uploadOneName { width: 100%; float: none; text-align: left; font-size: 37.5%; } .secondDiv.threeDiv .center.uploadOneList { display: none; } .secondDiv.threeDiv .uploadOneList li { font-size: 100%; } .secondDiv.threeDiv .uploadOneList li .OneListName { display: block; font-size: 37.5%; color: #666; } .secondDiv.threeDiv .uploadOneList { padding: 0; } .secondDiv.threeDiv .uploadOneList li { float: none; width: 100%; margin: 2% 0 0 0; border-right: none; border-bottom: 1px solid #d8d8d8; } .secondDiv.threeDiv .uploadOneName { width: 100%; height: auto; border: none; float: none; padding: 0; font-size: 37.5%; } .secondDiv.threeDiv .uploadOneName .detailsShow { display: block; } .secondDiv.threeDiv .uploadOneName>span { display: block; padding: 3% 2%; line-height: 1; font-size: 100%; color: #333333; border: 1px solid #d8d8d8; background: #f7f7f7; position: relative; } .secondDiv.threeDiv .uploadOneName>span img { height: 50%; position: absolute; right: 2%; top: 25.5%; } .secondDiv.threeDiv .uploadOneList li.last-child { width: 100%; border-bottom: none; } .secondDiv.threeDiv .uploadOneList li.last-child .OneListName { float: left; } .secondDiv.threeDiv .uploadOneList li.last-child input { width: 20%; float: right; } .secondDiv.threeDiv .uploadOneList li input { font-size: 37.5%; } /* 在移动端上传部分内容会收起 */ .secondDiv.threeDiv .uploadWrap .canClick .uploadOneList { display: none; } .secondDiv.threeDiv .uploadWrap { display: none; } .secondDiv.threeDiv .registerSubmit { padding: 5% 0; } .secondDiv.threeDiv .registerSubmit input { width: 30%; font-size: 37.5%; } .secondDiv.threeDiv .uploadClassOne { border: none; margin-top: 2%; } .secondDiv.threeDiv .ExpandWrap { display: none; } } @media screen and (max-width:640px) { .secondDiv.threeDiv .Authentication { font-size: 50px; } } @media screen and (max-width:414px) { .secondDiv.threeDiv .Authentication { font-size: 44px; } } @media screen and (max-width:375px) { .secondDiv.threeDiv .Authentication { font-size: 37.5px; } } /* 认证代理商结束 */ /* 提交成功页面开始 */ #RegisterDealer.threeDiv .top_span { font-size: 14px; color: #e60012; text-align: right; } #RegisterDealer.threeDiv .Submission { padding: 90px 0 170px; } #RegisterDealer.threeDiv .SubmissionBg { display: block; width: 80px; margin: 0 auto; } #RegisterDealer.threeDiv .SubmissionTxt { font-size: 30px; color: #333333; text-align: center; margin-top: 20px; } #RegisterDealer.threeDiv .SubmissionF5 { padding: 20px; line-height: 1; font-size: 16px; color: #666666; text-align: center; background: #f5f5f5; margin-top: 40px; line-height: 1.5; } #RegisterDealer.threeDiv .telsuccess { font-size: 14px; color: #666666; text-align: center; margin-top: 30px; } #RegisterDealer.threeDiv .telsuccess a { font-weight: 700; color: #333333; } #RegisterDealer.threeDiv .Submissiontxt_01 { font-size: 14px; color: #666666; text-align: center; margin-top: 35px; line-height: 1.5; } #RegisterDealer.threeDiv .Submissiontxt_02 { font-size: 14px; color: #666666; text-align: center; margin-top: 15px; line-height: 1.5; padding: 0 10%; } #RegisterDealer.threeDiv .Submissiontxt_02 span { color: #e60012; } @media screen and (max-width:768px) { #RegisterDealer.threeDiv .Submission { font-size: 60px; } #RegisterDealer.threeDiv .Submission { padding: 5% 0; } #RegisterDealer.threeDiv .SubmissionBg { width: 18.75%; } #RegisterDealer.threeDiv .SubmissionTxt { font-size: 46.875%; } #RegisterDealer.threeDiv .SubmissionF5 { font-size: 37.5%; } #RegisterDealer.threeDiv .telsuccess { font-size: 37.5%; padding: 0 16px; text-align: left; } #RegisterDealer.threeDiv .Submissiontxt_01 { font-size: 37.5%; padding: 0 16px; text-align: left; } #RegisterDealer.threeDiv .Submissiontxt_02 { font-size: 37.5%; padding: 0 16px; margin-top: 5%; text-align: left; } #RegisterDealer.threeDiv .top_span { padding: 5% 0 0; font-size: 14px; } } @media screen and (max-width:640px) { #RegisterDealer.threeDiv .Submission { font-size: 50px; } } @media screen and (max-width:414px) { #RegisterDealer.threeDiv .Submission { font-size: 44px; } } @media screen and (max-width:375px) { #RegisterDealer.threeDiv .Submission { font-size: 37.5px; } } /* 提交成功页面结束 */ /*技术服务产品 开始*/ .secondDiv.threeDiv .oneOverflow { -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } #IT_application.threeDiv .serversCon { padding-top: 40px; font-size: 32px; } #IT_application.threeDiv .serversConBox { background: #f5f5f5; padding: 30px 0 0; } #IT_application.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; } #IT_application.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 30px; cursor: pointer; position: relative; } #IT_application.threeDiv .serversConImg img { display: block; width: 100%; } #IT_application.threeDiv .serversConText .serversConTextBox { height: auto; padding-top: 15px } #IT_application.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 15px; margin-top: 15px; line-height: 1.5; } #IT_application.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #IT_application.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; } #IT_application.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; } #IT_application.threeDiv .serverClick { text-align: right; margin-top: 110px; font-size: 14px; color: #e60012; } #IT_application.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; } #IT_application.threeDiv .serverClick.activeC { margin-top: 20px; } #IT_application.threeDiv .serverClick .closeListS { display: none; } #IT_application.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; } #IT_application.threeDiv .serverClikBtn span { display: inline-block; } #IT_application.threeDiv .serverClick.activeC .openListS { display: none; } #IT_application.threeDiv .serverClick.activeC .closeListS { display: inline-block; } body.ie8 #IT_application.threeDiv .classList li { border: 1px solid #e8e8e8; } #IT_application.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; } #IT_application.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #IT_application.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; } #IT_application.threeDiv .protechVideoCon { width: 100%; height: auto; } #IT_application.threeDiv .applicationMenu { width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) } #IT_application.threeDiv .applicationMenuAct { border-right: 1px solid #e60012; } #IT_application.threeDiv .applicationMenuList { width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color: #666; border-bottom: 1px solid #e6e6e6; cursor: pointer; } #IT_application.threeDiv .applicationMenuListAct { background: #e60012; color: #fff; } #IT_application.threeDiv .applicationMainBody { width: 75%; height: 601px; float: left; } #IT_application.threeDiv .applicationMainOut { width: 100%; height: auto; display: none; } #IT_application.threeDiv .applicationMainOutAct { display: block; } #IT_application.threeDiv .applicationMainOutGrey { background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; } #IT_application.threeDiv #product_DAF .applicationMainBody {border: 1px solid #e6e6e6; width: 75%; height: 420px; float: left; overflow-y:auto;overflow-x:hidden;background:#f5f5f5;} #IT_application.threeDiv #product_DAF #applicationMainMbl{display:none;} #IT_application.threeDiv #product_DAF .applicationMainOutTextBox li a{color:#0b7ed7} #IT_application.threeDiv #product_DAF .applicationMainOutTextBox li a:hover{color:#e60012} #IT_application.threeDiv #product_DAF .mblMenuListInner li a{color:#0b7ed7;line-height:20px;} #IT_application.threeDiv #product_DAF .applicationMainOutGrey{height:auto;border:0;} #IT_application.threeDiv .applicationMainOutInner { width: 23%; height: 290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) } #IT_application.threeDiv .applicationMainOutInner a { display: block; width: 100%; height: 100%; color: #333; } #IT_application.threeDiv .applicationMainOutInner img { width: 100%; } #IT_application.threeDiv .applicationMainOutInner h2 { font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; } #IT_application.threeDiv .applicationMainOutInner p { font-size: 12px; padding: 0 12px; line-height: 1.6; } #IT_application.threeDiv .applicationMainOutTextBox { width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; } #IT_application.threeDiv .applicationMainOutTextLastBox { width: 100%; padding: 0; } #IT_application.threeDiv .applicationMainOutTextBox h2 { font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; } #IT_application.threeDiv .applicationMainOutTextBox li { font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/.png) no-repeat; background-position: 0px 5px; margin: 10px 0; } #IT_application.threeDiv .applicationMainOutTextBox li:last-child { margin-bottom: 0; } #IT_application.threeDiv .applicationMainOutTextBox li a { color: #333; } #IT_application.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; } #IT_application.threeDiv .applicationMblTextBox { padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #IT_application.threeDiv .applicationMblTextBox a { display: block; width: 100%; height: 100%; color: #333; } #IT_application.threeDiv .applicationMblTextBox img { width: 100%; float: left; } #IT_application.threeDiv .applicationMblTextBox h2 { font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; } #IT_application.threeDiv .applicationMblTextBox p { font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; } #IT_application.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; } .mblMenuListOutBox { width: 100%; box-sizing: border-box; padding: 0 20px; margin-bottom: -1px; } .mblMenuListBox { width: 100%; } .mblMenuListBox:first-child { border-top: 1px solid #e6e6e6; } .mblMenuListBox:last-child .mblMenuListBody { border: 0; } .mblMenuListHead { width: 100%; height: 50px; border: 1px solid #e6e6e6; border-top: 1px solid transparent; font-size: 15px; line-height: 48px; padding: 0 12px; } .mblMenuListHeadAct { background: #e60012; color: #fff; } .isGrey { display: block; } .isWhite { display: none; } .mblMenuListHeadAct .isGrey { display: none; } .mblMenuListHeadAct .isWhite { display: block; } .closeListmoreGrey { width: 15px; float: right; margin-top: 17.5px; } .mblMenuListBody { width: 100%; border-bottom: 1px solid #e6e6e6; display: none; overflow: hidden; } .mblMenuListInner { margin-bottom: 30px; } .mblMenuListInner h2 { font-size: 15px; line-height: 1; padding: 0 12px; margin: 14px 0; } .mblMenuListInner ul { font-size: 13px; padding: 0 12px; } .mblMenuListInner li { line-height: 1; margin: 15px 0; padding-left: 10px; background: url(../images/secondAll/.png) no-repeat; background-position: 0px; } .mblMenuListInner li a { color: #000; } .serversConTextBot { font-size: 13px; color: #e60012; text-align: center; margin-top: 15px; display: none; } .moreBtn { width: 13px; vertical-align: middle; } .isZhan { display: inline-block; } .isShou { display: none; } .zhanClickAct .isZhan { display: none; } .zhanClickAct .isShou { display: inline-block; } #IT_application.threeDiv div.serversConTextBoxAct p { display: block; } div#IT_application .technicalGrey { background-color: #f9f9f9; } #IT_application.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; } .secondDiv .secondWrapBoxAdd_2 { width: 48%; float: right; } .secondDiv .secondWrapBoxAdd_2:first-child { float: left; } .secondDiv .secondWrapBoxAdd_2 .secondEntH3 { margin-bottom: 15px; } #IT_application.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; } #IT_application.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 40px; } @media screen and (max-width:965px) { #IT_application.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; } #IT_application.threeDiv .applicationMainOutInner p { line-height: 1.4; } } @media screen and (max-width:768px) { #IT_application.threeDiv .columGoMore { display: block; margin-top: 6.6%; } #IT_application.threeDiv .columGoMore a img { width: 16px; margin-top: 2px; } #IT_application.threeDiv .columGoMore a { padding-right: 20px } #IT_application.threeDiv .columGoMore { display: block; } .secondDiv .secondWrapBoxAdd_2 { width: 100%; padding: 0 13px; } .secondDiv .secondWrapBoxAdd_2 { margin-bottom: 20px } .secondDiv .secondWrapBoxAdd_2:first-child { margin-bottom: 0px } #IT_application.threeDiv .serversConText .serversConTextBox { padding-top: 0; } .secondDiv .secondWrapBoxAdd_2 .secondEntH3 { margin-bottom: 0; } #IT_application.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; } .serversConTextBot { display: block; } #Operational .serversConText .serversConTextBox p, #IT_application .serversConText .serversConTextBox p { display: none; } #IT_application #SetTemplate .serversConText .serversConTextBox p{ display:block; } #IT_application.threeDiv .serversConText .serversConTextBox p:first-child { display: block; } #IT_application.threeDiv .serversCon { padding-top: 0; font-size: 60px; } #IT_application.threeDiv .serversConImg { float: none; width: 100%; margin: 0; } #IT_application.threeDiv .serversConText { background: #fff; padding: 3.75%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #IT_application.threeDiv .serverClick { text-align: center; margin-top: 5.625%; } #IT_application.threeDiv .serversConBox { padding: 5.625% 0; } /* 产品分类 */ #IT_application.threeDiv .classification { padding-top: 0; font-size: 60px; } #IT_application.threeDiv .classList li { float: none; width: 100%; margin: 0; } #IT_application.threeDiv .classList li:first-child { margin-bottom: 3.75%; } #IT_application.threeDiv .classListTxt h2 { font-size: 46.875%; } #IT_application.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; } #IT_application.threeDiv .classListGoTo { margin-top: 3%; } #IT_application.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; } } @media screen and (max-width:640px) { #IT_application.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 50px; } #IT_application.threeDiv .serversCon { font-size: 50px; } } @media screen and (max-width:414px) { #IT_application.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 44px; } #IT_application.threeDiv .serversCon { font-size: 44px; } } @media screen and (max-width:375px) { #IT_application.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 37.5px; } #IT_application.threeDiv .serversCon { font-size: 37.5px; } } /*技术服务产品 结束*/ /*运营商开始*/ #Operational.threeDiv .serversCon { padding-top: 40px; font-size: 32px; padding-bottom: 40px; } #Operational.threeDiv .serversConBox { background: #f5f5f5; padding: 30px 0 0; } #Operational.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; } #Operational.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 30px; cursor: pointer; position: relative; } #Operational.threeDiv .serversConImg img { display: block; width: 100%; } #Operational.threeDiv .serversConText .serversConTextBox { height: auto; overflow: hidden; } #Operational.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 15px; margin-top: 15px; line-height: 1.5; } #Operational.threeDiv .serversConText h2 { font-size: 27px; color: #333; margin-bottom: 15px; line-height: 28px; } #Operational.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #Operational.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; } #Operational.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; } #Operational.threeDiv .serverClick { text-align: right; margin-top: 110px; font-size: 14px; color: #e60012; } #Operational.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; } #Operational.threeDiv .serverClick.activeC { margin-top: 20px; } #Operational.threeDiv .serverClick .closeListS { display: none; } #Operational.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; } #Operational.threeDiv .serverClikBtn span { display: inline-block; } #Operational.threeDiv .serverClick.activeC .openListS { display: none; } #Operational.threeDiv .serverClick.activeC .closeListS { display: inline-block; } body.ie8 #Operational.threeDiv .classList li { border: 1px solid #e8e8e8; } .Operational { position: relative; } #Operational.threeDiv .OperationalTab { max-width: 1232px; width: 100%; height: 100%; padding: 0 16px; margin: 0 auto } #Operational.threeDiv .OperationalTabHead { width: 100%; height: 60px; border: 1px solid #e6e6e6; border-bottom: 1px solid #e60012; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) } #Operational.threeDiv .OperationalTabHead_4 { width: 25%; height: 100%; font-size: 20px; line-height: 60px; text-align: center; float: left; color: #666666; cursor: pointer; position: relative; } #Operational.threeDiv .OperationalTabHead_4:before { position: absolute; content: ""; width: 1px; height: 30px; background: #e6e6e6; top: 15px; left: 0; } #Operational.threeDiv .OperationalTabHead_4:first-child:before { width: 0px; } #Operational.threeDiv .OperationalTabHeadAct { background: #e60012; color: #fff; } #Operational.threeDiv .OperationalTabBody { width: 100%; padding: 30px 0; } #Operational.threeDiv .OperationalTabBody_4 { display: none; font-size: 14px; color: #666666; } #Operational.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 14px; } #Operational.threeDiv .OperationalTabBodyAct { display: block; } #Operational.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; } #Operational.threeDiv .columGoMoreAdd { margin: 0 auto; float: inherit; width: 78px; position: inherit; bottom: 0px; right: 0; display: none; } #Operational.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #Operational.threeDiv .secondBannerText { color: #fff; } #Operational.threeDiv .secondBannerText p { padding: 0; border: 0; } #Operational.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; } #Operational.threeDiv .protechVideoCon { width: 100%; height: auto; } #Operational.threeDiv .applicationMenu { width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) } #Operational.threeDiv .applicationMenuAct { border-right: 1px solid #e60012; } #Operational.threeDiv .applicationMenuList { width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color: #666; border-bottom: 1px solid #e6e6e6; cursor: pointer; } #Operational.threeDiv .applicationMenuListAct { background: #e60012; color: #fff; } #Operational.threeDiv .applicationMainBody { width: 75%; height: 601px; float: left; } #Operational.threeDiv .applicationMainOut { width: 100%; height: auto; display: none; } #Operational.threeDiv .applicationMainOutAct { display: block; } #Operational.threeDiv .applicationMainOutGrey { background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; } #Operational.threeDiv .applicationMainOutInner { width: 23%; height: 290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) } #Operational.threeDiv .applicationMainOutInner img { width: 100%; } #Operational.threeDiv .applicationMainOutInner h2 { font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; } #Operational.threeDiv .applicationMainOutInner p { font-size: 12px; padding: 0 12px; line-height: 1.6; } #Operational.threeDiv .applicationMainOutTextBox { width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; } #Operational.threeDiv .applicationMainOutTextLastBox { width: 100%; padding: 0; } #Operational.threeDiv .applicationMainOutTextBox h2 { font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; } #Operational.threeDiv .applicationMainOutTextBox li { font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/.png) no-repeat; background-position: 0px 5px; margin: 10px 0; } #Operational.threeDiv .applicationMainOutTextBox li:last-child { margin-bottom: 0; } #Operational.threeDiv .applicationMainOutTextBox li a { color: #333; } #Operational.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; } #Operational.threeDiv .applicationMblTextBox { padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #Operational.threeDiv .applicationMblTextBox img { width: 100%; float: left; } #Operational.threeDiv .applicationMblTextBox h2 { font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; } #Operational.threeDiv .applicationMblTextBox p { font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; } #Operational.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; } #Operational.threeDiv div.serversConTextBoxAct p { display: block; } div#Operational .technicalGrey { background-color: #f9f9f9; } #Operational.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; } #Operational.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; } #Operational.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0px; } #Operational.threeDiv .OperationalLastImgBox { width: 38%; float: left; } #Operational.threeDiv .OperationalLastImg { width: 100%; } #Operational.threeDiv .OperationalLastTextBox { width: 62%; float: left; box-sizing: border-box; padding-left: 28px; } #Operational.threeDiv .OperationalLastTextBox h2 { font-size: 24px; color: #333; } #Operational.threeDiv .OperationalLastTextBox p { font-size: 14px; color: #333; line-height: 1.5; margin: 16px 0 16px; } #Operational.threeDiv .OperationalLastTextBox li { font-size: 14px; float: left; padding-left: 16px; cursor: pointer; margin-right: 35px; background: url(../images/secondAll/.png) no-repeat; background-position: 0px 5px; } #Operational.threeDiv .OperationalLastTextBox li a { color: #333; } #Operational.threeDiv .OperationalLastTextBox li a:hover { color: #e60012; } #Operational.threeDiv .technicalSolve { padding-top: 0; } /* 查看全部调整样式 */ #Operational.threeDiv .techSolveCon .columGoMore { position: absolute; top: -62px; right: 0; } /* 切换部分调整 */ #Operational.threeDiv .technicalSolve .techSolveCon { /*display: none;*/ position: relative; } #Operational.threeDiv .technicalSolve .techSolveCon.active { display: block; } #Operational.threeDiv .techH5Succ .techH5SuccConBox { display: none; } #Operational.threeDiv .techH5Succ .techH5SuccConBox.active { display: none; } @media screen and (max-width:965px) { #Operational.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; } #Operational.threeDiv .applicationMainOutInner p { line-height: 1.4; } } @media screen and (max-width:768px) { #Operational.threeDiv .techH5Succ .techH5SuccConBox.active { display: block; } .Operational .gotoFontred { position: absolute; bottom: 4.3%; right: 4.635%; } #Operational.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; } #Operational.threeDiv .OperationalTabBody { padding: 15px 20px; } #Operational.threeDiv .OperationalTab { padding: 0; margin-top: -6.6%; } #Operational.threeDiv .OperationalTabHead { height: 35px; } #Operational.threeDiv .OperationalTabHead_4 { font-size: 12px; line-height: 34px; } #Operational.threeDiv .OperationalTabHead_4:before { top: 10px; height: 15px; } #Operational.threeDiv .columGoMore { display: block; margin-top: 6.6%; } #Operational.threeDiv .columGoMoreAdd { display: block; } #Operational.threeDiv .columGoMore a img { width: 16px; margin-top: 2px; } #Operational.threeDiv .columGoMore a { padding-right: 20px } #Operational.threeDiv .serversConText h2 { font-size: 15px; color: #333; margin-bottom: 15px; margin-top: 15px; line-height: 1; } #Operational.threeDiv .pdBot0 { padding-bottom: 0; } .secondDiv .secondWrapBoxAdd_2 { width: 100%; padding: 0 13px; } #Operational.threeDiv .serversCon { padding-bottom: 6.6%; } #Operational.threeDiv .OperationalLastImgBox { width: 100%; } #Operational.threeDiv .protechSolveGoMore { display: block; } #Operational.threeDiv .technicalGrey .columGoMore { display: none; } #Operational.threeDiv .OperationalTab { padding: 0; } #Operational.threeDiv .OperationalTabBody .protechSolveGoMore { display: block; } #Operational.threeDiv .OperationalLastTextBox { width: 100%; padding: 0; } #Operational.threeDiv .OperationalLastTextBox h2 { font-size: 15px; text-align: center; margin: 16px 0; } #Operational.threeDiv .OperationalLastTextBox p { color: #666666; } #Operational.threeDiv .OperationalLastImg { width: 70%; display: block; margin: 0 auto; } #Operational.threeDiv .serversConText .serversConTextBox { padding-top: 0; } .secondDiv .secondWrapBoxAdd_2 .secondEntH3 { margin-bottom: 0; } #Operational.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; } .serversConTextBot { display: block; } #Operational.threeDiv .serversConText .serversConTextBox p { display: block; } #Operational.threeDiv .serversCon { padding-top: 0; font-size: 60px; } #Operational.threeDiv .serversConImg { float: none; width: 100%; margin: 0; } #Operational.threeDiv .serversConText { background: #fff; padding: 3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #Operational.threeDiv .serverClick { text-align: center; margin-top: 5.625%; } #Operational.threeDiv .serversConBox { padding: 5.625% 0; } /* 产品分类 */ #Operational.threeDiv .classification { padding-top: 0; font-size: 60px; } #Operational.threeDiv .classList li { float: none; width: 100%; margin: 0; } #Operational.threeDiv .classList li:first-child { margin-bottom: 3.75%; } #Operational.threeDiv .classListTxt h2 { font-size: 46.875%; } #Operational.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; } #Operational.threeDiv .classListGoTo { margin-top: 3%; } #Operational.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; } #Operational.threeDiv .secondWrapBox .secondWrapBoxAdd_2 { display: none; } #Operational.threeDiv .secondWrapBox .secondWrapBoxAdd_2:first-child { display: block; } } @media screen and (max-width:640px) { #Operational.threeDiv .serversCon, #Operational.threeDiv .classification { font-size: 50px; } #Operational.threeDiv .serversCon { font-size: 50px; } } @media screen and (max-width:414px) { #Operational.threeDiv .serversCon, #Operational.threeDiv .classification { font-size: 44px; } #Operational.threeDiv .serversCon { font-size: 44px; } } @media screen and (max-width:375px) { #Operational.threeDiv .serversCon, #Operational.threeDiv .classification { font-size: 37.5px; } #Operational.threeDiv .serversCon { font-size: 37.5px; } } /*运营商结束*/ /* 总裁寄语开始 */ #Messagwfrompresident.threeDiv .MessagwfromCon { font-size: 32px; padding-top: 40px; padding-bottom: 60px; } #Messagwfrompresident.threeDiv .ConTxtText { font-size: 14px; color: #666666; line-height: 1.785; margin-bottom: 40px; } #Messagwfrompresident.threeDiv .MessagwfromConIcon { width: 100%; text-align: right; padding-top: 30px; line-height: 0; } #Messagwfrompresident.threeDiv .MessagwfromConIcon img { display: inline-block; } @media screen and (max-width:768px) { #Messagwfrompresident.threeDiv .MessagwfromCon { padding-top: 0; padding-bottom: 5%; font-size: 60px; } #Messagwfrompresident.threeDiv .ConTxtText { font-size: 37.5%; margin-bottom: 3%; } #Messagwfrompresident.threeDiv .MessagwfromConIcon { padding-top: 2%; } } @media screen and (max-width:640px) { #Messagwfrompresident.threeDiv .MessagwfromCon { font-size: 50px; } } @media screen and (max-width:414px) { #Messagwfrompresident.threeDiv .MessagwfromCon { font-size: 44px; } } @media screen and (max-width:375px) { #Messagwfrompresident.threeDiv .MessagwfromCon { font-size: 37.5px; } } /* 总裁寄语结束 */ /* 渠道服务开始 */ @media screen and (max-width:768px) { #partner_resource_centre.Channel_Service .SMBsolution .SMBsolutionPC { padding-bottom: 0; } } /* 渠道服务结束 */ /* 合作伙伴查询结果页面开始 */ #PartnerAgentSearch.threeDiv .partnerQuery { font-size: 32px; padding-top: 40px; padding-bottom: 58px; } #PartnerAgentSearch.threeDiv .partRequired { width: 100%; height: 45px; line-height: 1; font-size: 16px; color: #666666; border-bottom: 1px solid #d8d8d8; } #PartnerAgentSearch.threeDiv .partRequired span { color: #e60012; } #PartnerAgentSearch.threeDiv .partnerQueryCon { width: 680px; margin: 0 auto; } #PartnerAgentSearch.threeDiv .QueryConBox { margin-top: 20px; } #PartnerAgentSearch.threeDiv .QueryConBox:after { content: ''; display: block; clear: both; } #PartnerAgentSearch.threeDiv .ConBoxName { width: 120px; height: 36px; line-height: 36px; float: left; padding-right: 10px; text-align: right; font-size: 14px; color: #666666; } #PartnerAgentSearch.threeDiv .reqBox:before { content: '*'; color: #e60213; } #PartnerAgentSearch.threeDiv .ConBoxInput { width: 100%; line-height: 36px; padding-left: 120px; font-size: 14px; color: #666666; } #PartnerAgentSearch.threeDiv .ConBoxInput>span { margin-right: 40px; } #PartnerAgentSearch.threeDiv .ConBoxInput .Auterror { width: 100%; text-align: left; color: #e60213; border: none; } #PartnerAgentSearch.threeDiv .ConBoxInput .radio { -webkit-appearance: radio; vertical-align: middle; margin-top: -2px; } #PartnerAgentSearch.threeDiv .textInput { display: block; width: 100%; height: 100%; height: 36px; line-height: 36px; border: 1px solid #d8d8d8; font-size: 14px; color: #333; padding-left: 10px; } #PartnerAgentSearch.threeDiv .selectInput { display: block; width: 100%; -webkit-appearance: menulist; border: 1px solid #d8d8d8; padding: 6px 0; } #PartnerAgentSearch.threeDiv .QueryConBox p { font-size: 14px; } #PartnerAgentSearch.threeDiv .PromptText { padding-left: 120px; } #PartnerAgentSearch.threeDiv .PromptText p { font-size: 14px; margin-top: 8px; color: #999999; } #PartnerAgentSearch.threeDiv .PromptText p a { color: #2266af; } #PartnerAgentSearch.threeDiv .querySubBox { padding-left: 120px; margin-top: 20px; } #PartnerAgentSearch.threeDiv .querySubBox .querySubmit { display: block; width: 160px; height: 40px; border: none; text-align: center; line-height: 40px; color: #fff; font-size: 14px; } #PartnerAgentSearch.threeDiv .serversChan { display: none; } /* 查询结果 */ #PartnerAgentSearch.threeDiv .QueryTitle { font-size: 18px; color: #000000; font-weight: 700; margin-bottom: 20px; } #PartnerAgentSearch.threeDiv .QueryList li { border-top: 1px solid #d8d8d8; padding: 20px 0 10px; } #PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt { width: 100%; margin-bottom: 20px; font-size: 14px; } #PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt:after { content: ''; display: block; clear: both; } #PartnerAgentSearch.threeDiv .QueryListTxtName { display: block; width: 110px; float: left; } #PartnerAgentSearch.threeDiv .QueryListTxtNtxt { display: block; padding-left: 110px; } @media screen and (max-width:768px) { #PartnerAgentSearch.threeDiv .partnerQuery { padding-top: 0; font-size: 60px; padding-bottom: 5%; } #PartnerAgentSearch.threeDiv .partnerQuery .secondWrapBox:first-child { padding: 0; } #PartnerAgentSearch.threeDiv .partRequired { padding: 0 16px 4%; height: auto; } #PartnerAgentSearch.threeDiv .QueryConBox { margin-top: 3%; padding: 0; } #PartnerAgentSearch.threeDiv .ConBoxName { float: none; text-align: left; } #PartnerAgentSearch.threeDiv .ConBoxInput { padding: 0; height: auto; } #PartnerAgentSearch.threeDiv .QueryConBox .chanceInput { border: 1px solid #e8e8e8; border-right: none; } #PartnerAgentSearch.threeDiv .ConBoxInput:after { content: ''; display: block; clear: both; } #PartnerAgentSearch.threeDiv .ConBoxInput>span { display: block; float: left; margin: 0; text-align: center; width: 50%; border-right: 1px solid #e8e8e8; } #PartnerAgentSearch.threeDiv .partnerQueryCon { width: 100%; } #PartnerAgentSearch.threeDiv .querySubBox { padding: 0; } #PartnerAgentSearch.threeDiv .querySubBox .querySubmit { width: 100%; } #PartnerAgentSearch.threeDiv .QueryTitle { text-align: center; } #PartnerAgentSearch.threeDiv .QueryListTxtName { text-align: right; } #PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt { font-size: 37.5%; } #PartnerAgentSearch.threeDiv .QueryEndCon { font-size: 40px; } #PartnerAgentSearch.threeDiv .QueryEndCon .secondWrapBox { padding: 0; } #PartnerAgentSearch.threeDiv .QueryList li { padding: 3% 16px 0; } } @media screen and (max-width:640px) { #PartnerAgentSearch.threeDiv .partnerQuery { font-size: 50px; } } @media screen and (max-width:414px) { #PartnerAgentSearch.threeDiv .partnerQuery { font-size: 44px; } } @media screen and (max-width:375px) { #PartnerAgentSearch.threeDiv .partnerQuery, #PartnerAgentSearch.threeDiv .QueryEndCon { font-size: 37.5px; } } /* 合作伙伴查询结果页面结束 */ /* 渠道业务管理样式开始(包含五个表单模板) */ #AgentServiceStarQuer .AgentServiceStarQuer { padding-top: 40px; font-size: 32px; padding-bottom: 40px; } #AgentServiceStarQuer .secondWrapBox:after { content: ''; display: block; clear: both; } #AgentServiceStarQuer .AgentSerLeft { width: 270px; float: left; } #AgentServiceStarQuer .AgentSerLeftTit { width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding-left: 20px; } #AgentServiceStarQuer .SerListTit { padding-left: 20px; font-size: 14px; color: #333333; height: 49px; line-height: 49px; background: #f5f5f5; border-bottom: 1px solid #eaeaea; margin-top: 1px; cursor: pointer; } #AgentServiceStarQuer .SerListTitA { padding-left: 20px; font-size: 14px; height: 49px; line-height: 49px; background: #f5f5f5; border-bottom: 1px solid #eaeaea; margin-top: 1px; cursor: pointer; } #AgentServiceStarQuer .SerListTitA a:before { content: '+'; display: inline-block; width: 10px; font-size: 16px; text-align: center; font-weight: 700; margin-right: 10px; color: #333333; } #AgentServiceStarQuer .AgentSerBox.active .SerListTitA a { color: #e60213; } #AgentServiceStarQuer .AgentSerBox.active .SerListTitA a:before { content: '-'; display: inline-block; text-align: center; font-size: 18px; font-weight: 700; margin-right: 10px; color: #e60213; } #AgentServiceStarQuer .SerListTitA a { display: block; color: #333333; width: 100%; height: 100%; } #AgentServiceStarQuer .SerListTit:before { content: '+'; display: inline-block; width: 10px; font-size: 16px; text-align: center; font-weight: 700; margin-right: 10px; color: #333333; } #AgentServiceStarQuer .AgentSerBox.active .SerListTit { color: #e60213; } #AgentServiceStarQuer .AgentSerBox.active .SerListTit:before { content: '-'; display: inline-block; text-align: center; font-size: 18px; font-weight: 700; margin-right: 10px; color: #e60213; } #AgentServiceStarQuer .SerListCon { display: none; } #AgentServiceStarQuer .SerListCon>li { width: 100%; min-height: 49px; line-height: 49px; background: #fff; border-bottom: 1px solid #eaeaea; padding-left: 20px; font-size: 14px; } #AgentServiceStarQuer .SerListCon>li>a { display: block; width: 100%; height: 100%; color: #333333; } #AgentServiceStarQuer .SerListCon>li>a:hover { color: #e60213; } #AgentServiceStarQuer .SerListCon>li.active>a { color: #e60213; } #AgentServiceStarQuer .fontIcon { margin-right: 10px; } #AgentServiceStarQuer select { -webkit-appearance: menulist; } #AgentServiceStarQuer .AgentSerRight { width: 100%; padding-left: 300px; } /* 三级栏目 */ .threeNav { width: 100%; display: none; } .threeNav li { height: 48px; line-height: 48px; } .threeNav li a { color: #333; } .threeNav li a:hover { color: #e60213; } .threeNav li.active a { color: #e60213; } .threeNav li a { display: block; width: 100%; height: 100%; padding-left: 24px; } /* 星级认证管理开始 */ #AgentServiceStarQuer .StarRatTxt { padding: 8px 0 28px; line-height: 1; font-size: 14px; color: #666666; line-height: 1.5; } #AgentServiceStarQuer .StarRatTxt span { color: #e60213; margin-right: 10px; } #AgentServiceStarQuer .StarRatTxt a { color: #e60213; } #AgentServiceStarQuer .secondEntH3 { margin-bottom: 20px; } #AgentServiceStarQuer .StarRaCon { border-top: 1px solid #e8e8e8; } #AgentServiceStarQuer .StarRaCon .BoxCon { margin-top: 20px; overflow: hidden; } #AgentServiceStarQuer .fifty { width: 45%; float: left; margin-left: 10%; } #AgentServiceStarQuer .fifty:first-child { margin-left: 0; } #AgentServiceStarQuer .fifty:after { content: ''; display: block; clear: both; } #AgentServiceStarQuer .fifty .className { width: 100px; float: left; height: 36px; line-height: 36px; font-size: 14px; color: #666666; } #AgentServiceStarQuer .fifty .classInput { width: 100%; padding-left: 100px; position: relative } .timeIcon { display: block; width: 18px; position: absolute; top: 10px; right: 10px; } .timeIcon img { display: block; } #AgentServiceStarQuer .fifty .classInput>select { display: block; width: 100%; border: 1px solid #d8d8d8; padding: 4px 0; font-size: 14px; color: #666666; } #AgentServiceStarQuer .textInput { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #666666; border: 1px solid #d8d8d8; padding-left: 10px; } #AgentServiceStarQuer .fifty .lineHeight { line-height: 20px; } #AgentServiceStarQuer .inputBoxCon { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; } #AgentServiceStarQuer .submitB { padding: 30px 0 40px; } #AgentServiceStarQuer .submitB input { display: block; margin: auto; width: 180px; height: 40px; border: none; text-align: center; line-height: 40px; font-size: 14px; color: #fff; } #AgentServiceStarQuer .AgentListUl li.cl-0 { width: 5%; } #AgentServiceStarQuer .AgentListUl li.cl-1 { width: 10%; } #AgentServiceStarQuer .AgentListUl li.cl-2 { width: 15%; } #AgentServiceStarQuer .AgentListUl li.cl-3 { width: 20%; } #AgentServiceStarQuer .listTit ul { overflow: hidden; } #AgentServiceStarQuer .listTit ul li { float: left; height: 100%; border-right: 1px solid #e8e8e8; font-size: 14px; color: #666666; background: #f5f5f5; padding: 6px 8px; } /* table样式 开始*/ #AgentServiceStarQuer #AgentSerList { width: 100%; border: 1px solid #e8e8e8; } #AgentServiceStarQuer #AgentSerList thead td { background: #f5f5f5; } #AgentServiceStarQuer #AgentSerList td { padding: 4px; font-size: 14px; color: #666666; border-right: 1px solid #e8e8e8; text-align: center; } #AgentServiceStarQuer #AgentSerList tr { border-bottom: 1px solid #e8e8e8; } /* table样式 结束*/ #AgentServiceStarQuer .AgentSerList { border: 1px solid #e8e8e8; border-right: none; } #AgentServiceStarQuer .AgentListTxt li { float: left; border-right: 1px solid #e8e8e8; font-size: 14px; color: #666666; border-top: 1px solid #e8e8e8; } #AgentServiceStarQuer .AgentListTxt { overflow: hidden; } #AgentServiceStarQuer .spanName { display: none; } #AgentServiceStarQuer .pageNumber { text-align: right; } #AgentServiceStarQuer.secondDiv .pageNumber a { margin-right: 0; margin-left: 10px; } #AgentServiceStarQuer.secondDiv .pageellipis { margin-right: 0; margin-left: 10px; } #AgentServiceStarQuer .checkInput { width: 13px; height: 13px; -webkit-appearance: checkbox; display: block; margin: 0 auto; } #AgentServiceStarQuer .spanText { display: block; width: 100%; height: 100%; padding: 6px 8px; } #AgentServiceStarQuer .AgentListUl .cl-0 { padding-top: 10px; } #AgentServiceStarQuer .buttonStar { padding: 20px 0 0 0; text-align: right; line-height: 0; } #AgentServiceStarQuer .buttonStar .StarButn { display: inline-block; width: 100px; height: 40px; color: #fff; font-size: 14px; text-align: center; border: 0; margin-left: 5px; } @media screen and (max-width:768px) { #AgentServiceStarQuer .AgentSerLeft { float: none; width: 100%; } #AgentServiceStarQuer .pageNumber { text-align: center; padding: 3% 0; } #AgentServiceStarQuer .AgentServiceStarQuer { padding-top: 3%; font-size: 60px; padding-bottom: 3%; } #AgentServiceStarQuer .selectSearch { display: inline-block; } #AgentServiceStarQuer .AgentSerRight { padding: 3% 0 0 0; } #AgentServiceStarQuer .StarRatTxt { padding: 3%; background: #f5f5f5; } #AgentServiceStarQuer .fifty { width: 100%; float: none; margin: 0; padding-top: 2%; } #AgentServiceStarQuer .StarRaCon .BoxCon { margin-top: 0; } #AgentServiceStarQuer .fifty .className { float: none; width: 100%; } #AgentServiceStarQuer .fifty .classInput { padding: 0; } #AgentServiceStarQuer .fifty .lineHeight { margin-bottom: 10px; } #AgentServiceStarQuer .buttonStar { text-align: center; overflow: hidden; } #AgentServiceStarQuer .buttonStar .StarButn { display: block; float: left; width: 28%; margin-left: 8%; } #AgentServiceStarQuer .buttonStar .StarButn:first-child { margin-left: 0; } #AgentServiceStarQuer .listTit { display: none; } #AgentServiceStarQuer .AgentSerList .AgentListTxt.AgentListUl li { float: none; width: 100%; overflow: hidden; } #AgentServiceStarQuer .spanName { display: block; width: 40%; height: 100%; float: left; padding: 1%; border-right: 1px solid #e8e8e8; } #AgentServiceStarQuer .spanText { width: 60%; float: left; padding: 1%; } #AgentServiceStarQuer .AgentListUl li.cl-0 { padding-top: 1%; text-align: right; padding-right: 2%; background: #f5f5f5; } #AgentServiceStarQuer .checkInput { display: inline-block; } #AgentServiceStarQuer #AgentSerList { border: none; } #AgentServiceStarQuer #AgentSerList tr { border: 1px solid #e8e8e8; display: block; margin-bottom: 10px; border-bottom: none; } #AgentServiceStarQuer #AgentSerList thead { display: none; } #AgentServiceStarQuer #AgentSerList td { display: block; border-right: none; border-bottom: 1px solid #e8e8e8; overflow: hidden; } #AgentServiceStarQuer #AgentSerList td:first-child { text-align: right; } } @media screen and (max-width:640px) { #AgentServiceStarQuer .AgentServiceStarQuer { font-size: 50px; } } @media screen and (max-width:414px) { #AgentServiceStarQuer .AgentServiceStarQuer { font-size: 44px; } } @media screen and (max-width:375px) { #AgentServiceStarQuer .AgentServiceStarQuer { font-size: 37.5px; } } /* 渠道业务管理样式结束 */ /* 代理商协议签订 */ #AgentServiceStarQuer.threeDiv .protocolDown { padding-top: 20px; border-top: 1px solid #e8e8e8; padding-bottom: 40px; } #AgentServiceStarQuer.threeDiv .documentDown { font-size: 16px; color: #999999; } #AgentServiceStarQuer.threeDiv .proDownH5 { display: none; } #AgentServiceStarQuer.threeDiv .documentDown .protocolDownIcon { vertical-align: middle; margin-right: 5px; margin-top: -2px; } #AgentServiceStarQuer.threeDiv .documentDown a { color: #0b7ed7; } #AgentServiceStarQuer.threeDiv .DownTxt { font-size: 14px; color: #333333; margin-top: 14px; } #AgentServiceStarQuer.threeDiv .information { border-top: 1px solid #e8e8e8; } #AgentServiceStarQuer.threeDiv .informaTit { font-size: 16px; color: #666666; line-height: 1; padding: 20px 0 15px; } #AgentServiceStarQuer.threeDiv .informationText { width: 100%; height: 400px; border: 1px solid #e8e8e8; overflow-y: scroll; padding: 20px; } #AgentServiceStarQuer.threeDiv .Texth2Tit { font-size: 16px; color: #333333; text-align: center; font-weight: 600; line-height: 1; padding: 10px 0; line-height: 1.5; } #AgentServiceStarQuer.threeDiv .informationText p { font-size: 14px; color: #333333; margin-top: 18px; line-height: 1.5; } #AgentServiceStarQuer.threeDiv .infoPrompt { font-size: 14px; color: #666666; line-height: 1.5; padding: 20px 0 14px; } #AgentServiceStarQuer.threeDiv .changeInput { font-size: 14px; color: #666666; line-height: 1.5; } #AgentServiceStarQuer.threeDiv .changeInput input { -webkit-appearance: checkbox; width: 16px; vertical-align: middle; margin-top: -2px; } #AgentServiceStarQuer.threeDiv .submitBox { padding-top: 30px; } #AgentServiceStarQuer.threeDiv .submitBox .submitBtn { display: block; width: 180px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; border: none; color: #fff; font-size: 14px; } @media screen and (max-width:768px) { #AgentServiceStarQuer.threeDiv .proDownPC { display: none; } #AgentServiceStarQuer.threeDiv .proDownH5 { display: inline-block; } #AgentServiceStarQuer.threeDiv .protocolDown { padding: 3% 0 0; } } /* 代理商认证结果 */ #AgentServiceStarQuer.threeDiv .AlreadyH2 { font-size: 16px; color: #666666; padding: 25px 0 16px; line-height: 1; } .AlreadyObt { border-top: 1px solid #e8e8e8; } #AgentServiceStarQuer.threeDiv .AlreadyObtList { border: 1px solid #e8e8e8; } #AgentServiceStarQuer.threeDiv .obtListUl li { float: left; font-size: 14px; color: #333333; border-left: 1px solid #e8e8e8; } #AgentServiceStarQuer.threeDiv .obtListUl li:first-child { border-left: 0; } #AgentServiceStarQuer.threeDiv .obtlistTit { background: #f5f5f5; } #AgentServiceStarQuer.threeDiv .obtlistTit li { color: #666666; } #AgentServiceStarQuer.threeDiv .obtListUl li.col-1 { width: 15%; } #AgentServiceStarQuer.threeDiv .obtListUl li.col-2 { width: 20%; } #AgentServiceStarQuer.threeDiv .obtListUl li.col-3 { width: 35%; } #AgentServiceStarQuer.threeDiv .obtListUl li.col-4 { width: 70%; } #AgentServiceStarQuer.threeDiv .obtListUl { overflow: hidden; zoom: 1; } #AgentServiceStarQuer.threeDiv .ListUlSpan { display: block; width: 100%; height: 100%; padding: 10px 10px; } #AgentServiceStarQuer.threeDiv .ListUlSpan a { color: #e60213; } #AgentServiceStarQuer.threeDiv .ListUlName { display: none; } #AgentServiceStarQuer.threeDiv .obtlistCon { border-top: 1px solid #e8e8e8; } /* 切换部分样式 */ #AgentServiceStarQuer.threeDiv .navBoxList { width: 100%; line-height: 0; } #AgentServiceStarQuer.threeDiv .navBoxList li { display: inline-block; margin-right: 10px; cursor: pointer; padding: 18px 18px; font-size: 14px; border: 1px solid #e8e8e8; color: #666666; border-bottom: 0; } #AgentServiceStarQuer.threeDiv .navBoxList li>span { display: block; width: 100%; height: 100%; } #AgentServiceStarQuer.threeDiv .navBoxList li.backRed { color: #fff; border: 1px solid #e60213; border-bottom: 0; } #AgentServiceStarQuer.threeDiv .BoxConList { border: 1px solid #e8e8e8; } #AgentServiceStarQuer.threeDiv .BoxConList li { overflow: hidden; zoom: 1; border-top: 1px solid #e8e8e8; } #AgentServiceStarQuer.threeDiv .BoxConList li:first-child { border-top: 0; } #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConName { display: block; width: 128px; float: left; padding-left: 20px; height: 40px; padding-top: 10px; line-height: 1.5; font-size: 14px; color: #333333; } #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConTxt { display: block; width: 100%; padding-left: 128px; font-size: 14px; color: #333333; min-height: 40px; padding-top: 10px; line-height: 1.5; } #AgentServiceStarQuer.threeDiv .BoxConBox { display: none; } #AgentServiceStarQuer.threeDiv .BoxConBox.active { display: block; } @media screen and (max-width:768px) { #AgentServiceStarQuer .secondEntH3 { margin-bottom: 0; } #AgentServiceStarQuer.threeDiv .AlreadyH2 { color: #333333; font-size: 40%; } #AgentServiceStarQuer.threeDiv .obtlistTit { display: none; } #AgentServiceStarQuer.threeDiv .AlreadyObtList .obtListUl li { width: 100%; overflow: hidden; float: none; border-top: 1px solid #e8e8e8; border-left: 0; } #AgentServiceStarQuer.threeDiv .AlreadyObtList .obtListUl li:first-child { border-top: 0; } #AgentServiceStarQuer.threeDiv .AlreadyObtList { border-top: 0; } #AgentServiceStarQuer.threeDiv .ListUlName { display: block; width: 40%; font-size: 37.5%; line-height: 1; height: 100%; float: left; padding: 2% 1%; border-right: 1px solid #e8e8e8; } #AgentServiceStarQuer.threeDiv .ListUlSpan { width: 60%; float: left; line-height: 1; padding: 2% 1%; font-size: 37.5%; } #AgentServiceStarQuer.threeDiv .obtlistCon { border-top: 1px solid #666666; } #AgentServiceStarQuer.threeDiv .obtListUl li { font-size: 100%; } #AgentServiceStarQuer.threeDiv .navBoxList { overflow: hidden; line-height: 1.5; } #AgentServiceStarQuer.threeDiv .navBoxList li { display: block; float: left; width: 33.33%; padding: 0; font-size: 37.5%; text-align: center; margin: 0; } #AgentServiceStarQuer.threeDiv .navBoxList li>span { padding: 2% 1%; } #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConName { width: 40%; font-size: 37.5%; padding: 2%; } #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConTxt { font-size: 37.5%; padding: 2% 2% 2% 40%; } } /* 基本信息维护样式 */ #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxName, #AgentServiceStarQuer.secondDiv.threeDiv .ClassOneName { width: 160px; } #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxInput, #AgentServiceStarQuer.secondDiv.threeDiv .ClassOneList { padding-left: 160px; } #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Border { border: 1px solid #e8e8e8; border-top: 0; padding: 10px 10px 20px; } /* #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Wrap{margin-top:0;} */ #AgentServiceStarQuer.secondDiv.threeDiv .registerSubmit { padding-bottom: 0; overflow: hidden; line-height: 0; text-align: center; zoom: 1; } #AgentServiceStarQuer.secondDiv.threeDiv .noRequired:before { content: ''; } @media screen and (max-width:768px) { #AgentServiceStarQuer.secondDiv.threeDiv .liaisonWrap { display: block; } #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxName, #AgentServiceStarQuer.secondDiv.threeDiv .ClassOneName { width: 100%; } #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2 { padding: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Wrap { margin-top: 3%; } #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Border { padding: 0; border: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxInput, #AgentServiceStarQuer.secondDiv.threeDiv .ClassOneList { padding: 0; } } /* 代理商业绩合并申请 */ #AgentServiceStarQuer.secondDiv.threeDiv .AgentOaLine { font-size: 16px; color: #666666; line-height: 1; padding: 20px 0; border-top: 1px solid #e8e8e8; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadWrap { border: 1px solid #e8e8e8; border-top: 0; padding: 0 10px 10px; } .uploadTxt { font-size: 14px; color: #999; margin-top: 25px; } .agentOaList { overflow: hidden; zoom: 1; } #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li { width: 23.5%; float: left; margin-left: 2%; } #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li:first-child { margin-left: 0; } .AuthenNavList { overflow: hidden; zoom: 1; } #AgentServiceStarQuer.secondDiv.threeDiv .NavTxtBox { margin-top: 0; padding-bottom: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNavTxt { margin-bottom: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadName { width: 200px; padding-left: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadinput { padding-left: 200px; } #AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap { border: 1px solid #e8e8e8; border-top: 0; padding: 10px; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadTextP { padding-left: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapTxt { font-size: 14px; color: #333333; } #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio { overflow: hidden; zoom: 1; padding-top: 20px; } #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span input { -webkit-appearance: radio; width: 16px; vertical-align: middle; margin-top: -2px; margin-right: 4px; } #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span { display: block; float: left; margin-bottom: 10px; width: 240px; line-height: 1; font-size: 14px; color: #e60012; } #AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap .noFloat input { width: 78%; float: none; } #AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi { line-height: 1.3; } #AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi a { color: #e60012; margin-left: 5px; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName { width: 20%; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName>span { display: block; height: 100%; width: 100%; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneList { padding-left: 20%; } #AgentServiceStarQuer.secondDiv.threeDiv .registerSubmit input { display: inline-block; margin: 0 10px; } @media screen and (max-width:768px) { #AgentServiceStarQuer.secondDiv.threeDiv .AuthenPC { display: block; } #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li { height: auto; margin-right: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span { width: 100%; float: none; font-size: 37.5%; margin-bottom: 2%; } #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapTxt { font-size: 37.5%; margin-top: 2%; } #AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap { display: none; border: 0; padding: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName { width: 100%; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName>span { width: 100%; } #AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi { width: 100%; height: auto; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadName { width: 100%; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneList { padding: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadWrap { border: 0; padding: 0; } #AgentServiceStarQuer.secondDiv.threeDiv .uploadinput { padding: 0; } } /* 产业联盟样式开始 */ #New_IT_alliance.threeDiv .SMBsolutionListGo .fontRed { color: #e60012; } #New_IT_alliance.threeDiv .JoinAlliance { background: #f5f5f5; font-size: 32px; padding-bottom: 40px; padding-top: 40px; } #New_IT_alliance.threeDiv .JoinAllianceText { width: 100%; } #New_IT_alliance.threeDiv .JoinAllianceText p { font-size: 14px; color: #666666; } #New_IT_alliance.threeDiv #newsWrap.protechJourn { background: #fff; } @media screen and (max-width:900px) { #New_IT_alliance .secondEntH3 { font-size: 32px; } } @media screen and (max-width:768px) { /* 该页面未变灰色 */ #New_IT_alliance .secondSolve { background: #fff; margin-top: 0; } #New_IT_alliance.threeDiv .JoinAlliance { padding-top: 0; padding-bottom: 5%; font-size: 60px; } #New_IT_alliance.threeDiv .JoinAllianceText p { font-size: 37.5%; } #New_IT_alliance.threeDiv #newsWrap.protechJourn .columEntH3 { background: #fff; } } @media screen and (max-width:640px) { #New_IT_alliance.threeDiv .JoinAlliance { font-size: 50px; } } @media screen and (max-width:414px) { #New_IT_alliance.threeDiv .JoinAlliance { font-size: 44px; } } @media screen and (max-width:375px) { #New_IT_alliance.threeDiv .JoinAlliance { font-size: 37.5px; } } /* 产业联盟样式结束 */ /* 渠道政策 */ #ProAnn.threeDiv.Channel_policy .officeNav { height: auto; overflow: hidden; zoom: 1; position: relative; top: 0; right: 0; bottom: 0; left: 0; } #ProAnn.threeDiv.Channel_policy .officeConBox .officeNav li { padding: 0; line-height: 1; } #ProAnn.threeDiv.Channel_policy .officeConBox .officeNav li>span { display: block; width: 100%; height: 100%; padding: 5% 4px; } #ProAnn.threeDiv.Channel_policy .officeRegion { width: 100%; float: none; } #ProAnn.threeDiv.Channel_policy .ProAnnListCon { border-top: 0; } #ProAnn.threeDiv.Channel_policy .ProAnnListCon li { border-bottom: 0; border-top: 1px solid #f5f5f5; } #ProAnn.threeDiv.Channel_policy .ProAnnListCon li:first-child { border-top: 0; } #ProAnn.threeDiv.Channel_policy .officeRegion { padding-top: 0; } @media screen and (max-width:768px) { #ProAnn.threeDiv.Channel_policy .secondWrapBox { padding: 0; } #ProAnn.threeDiv.Channel_policy .pageNumber { padding: 6% 16px; } #ProAnn.threeDiv.Channel_policy .ProAnnListCon li { border-top: 0; } #ProAnn.threeDiv.Channel_policy .ProAnnListCon li { border-bottom: 1px solid #f5f5f5; } } /*数据中心验证与运行 开始*/ #centerValidation.threeDiv .serversCon { padding-top: 40px; font-size: 32px; } #centerValidation.threeDiv .serversConBox { padding: 0; } #centerValidation.threeDiv .serversConBoxGrey { background: #f5f5f5; } #centerValidation.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; } #centerValidation.threeDiv .serversConBox p.PorductMaintanInfo_bannerHeadP { font-size: 14px; color: #666666; padding: 0 18px } #centerValidation.threeDiv .serversConTextBot { display: block; float: right; position: absolute; right: 0; color: #333; bottom: 20px; cursor: pointer; } #centerValidation.threeDiv .pdTop0 { padding-top: 0 } #centerValidation.threeDiv .technicalGrey { background: #f5f5f5; } #centerValidation.threeDiv .zhanClickAct { color: #e60012; } #centerValidation.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; } #centerValidation.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #centerValidation.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; } .centerValidation_headP { padding: 38px 0; } .centerValidation_headP h2 { font-size: 28px; color: #333333; line-height: 1; } .centerValidation_headP p { font-size: 14px; color: #666666; line-height: 26px; margin: 16px 0; } .centerValidation_Swiper { overflow: hidden; } .centerValidation_headPAdd { height: 20px; font-size: 16px; color: #666666; margin-top: -20px; } .centerValidation_serviceTab { padding: 45px 22px 55px; } .centerValidation_serviceTab_4 { width: 20%; min-height: 180px; padding: 0 22px 20px; float: left } .centerValidation_serviceTab_headImgBox { width: 100%; height: 75px; } .centerValidation_serviceTab_headImg { display: block; margin: 0 auto; } .centerValidation_serviceTab_h2 { font-size: 20px; color: #242424; text-align: center; margin-bottom: 12px } .centerValidation_serviceTab_p { font-size: 14px; color: #666; text-align: center; line-height: 22px } #centerValidation #succWrapPC .techSolveConListText { background: #fff; } #centerValidation.threeDiv #succWrapPC .techSolveConListText h3 { font-size: 18px; color: #333; } #centerValidation.threeDiv #succWrapH5 .techH5SuccText { background: #fff; } #centerValidation.threeDiv .WlanAdd_p { font-size: 18px; color: #333; } #centerValidation.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide { padding-top: 5px; } #centerValidation.threeDiv .swiper-containerSuccOther { overflow: hidden; } .centerValidation_ServieMbl { display: none; } .centerValidation_ServiePc { display: block; } .centerValidation_ServieMbl .swiper-btn-box { height: 14px; margin: 0 auto 20px; width: auto; } .centerValidation_ServieMbl .swiper-pagination { position: inherit; } #centerValidation { overflow: hidden; } #centerValidation .secondBannerText { width: 70%; } @media screen and (max-width:965px) { #centerValidation.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; } #centerValidation.threeDiv .applicationMainOutInner p { line-height: 1.4; } #centerValidation.threeDiv .serversConBox p.Green_OS_bannerHeadP { font-size: 14px; color: #666666; padding: 0 } } @media screen and (max-width:768px) { #centerValidation .secondBannerText { width: 90%; } .centerValidation_ServieMbl { display: block; } .centerValidation_ServiePc { display: none; } .centerValidation_headPAdd { position: inherit; text-align: center; left: 0; font-size: 12px; margin-top: 0; } .centerValidation_headP h2 { font-size: 15px; } .centerValidation_headP { padding: 18px 0; } .centerValidation_headP p { font-size: 13px; margin: 12px 0; } .centerValidation_serviceTab_h2 { font-size: 12px; } .centerValidation_serviceTab_p { font-size: 12px; } .centerValidation_serviceTab_headImgBox { height: 65px; } .centerValidation_serviceTab_h2 { margin-bottom: 6px; } #centerValidation.threeDiv .protechSolveGoMore.gotoFontred { display: block; } #centerValidation.threeDiv .addBox { display: block; } .centerValidation_serviceTab_4 { width: 33.33%; padding: 0; height: 100%; } .centerValidation_serviceTab { padding: 25px 0px; } #centerValidation.threeDiv .serversCon { padding-top: 0px; font-size: 32px; } #centerValidation.threeDiv .columGoMore { display: block; margin-top: 6.6%; } #centerValidation.threeDiv .serversConText .serversConTextBox { padding-top: 0; } #centerValidation.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; } } @media screen and (max-width:640px) { #centerValidation.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 50px; } #centerValidation.threeDiv .serversCon { font-size: 50px; } } @media screen and (max-width:414px) { #centerValidation.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 44px; } #centerValidation.threeDiv .serversCon { font-size: 44px; } } @media screen and (max-width:375px) { #centerValidation.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 37.5px; } #centerValidation.threeDiv .serversCon { font-size: 37.5px; } } /*数据中心验证与运行 结束*/ /*绿洲os 开始*/ #Green_OS.threeDiv .serversCon { padding-top: 40px; font-size: 32px; } #Green_OS.threeDiv .serversConBox { padding: 25px 0 0; } #Green_OS.threeDiv .serversConBoxGrey { background: #f5f5f5; } #Green_OS.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; } #Green_OS.threeDiv .serversConBox p.Green_OS_bannerHeadP { font-size: 14px; color: #666666; padding: 0 18px } .Green_OS_bannerHeadImg { display: block; margin: 35px auto; } .Green_OSInnerTabBox { width: 885px; margin: 0 auto; padding-bottom: 45px; } .Green_OSInnerTabBox_3 { width: 33.33%; float: left; } .Green_OSInnerTabBox_imgBox { width: 100px; height: 70px; margin: 0 auto; } .Green_OSInnerTabBox_imgBox img { margin: 0 auto; display: block; } .Green_OSInnerTabBox_3 h2 { font-size: 20px; color: #242424; text-align: center; } .Green_OSInnerTabBox_3 p { font-size: 14px; color: #666666; text-align: center; margin-top: 12px; line-height: 22px; } .Green_OS_bannerBotImg { width: 33%; float: left; margin: 0 0.165%; } .secondDiv .secondWrapImgBox { margin-bottom: 35px; } .Green_OSInnerMainBox { width: 100%; height: auto; padding-bottom: 45px; } .Green_OSInnerMainTab_6 { width: 33.33%; float: left; } .Green_OSInnerMainTab_6 h2 { font-size: 20px; color: #242424; text-align: center; } .Green_OSInnerMainTab_6 p { width: 286px; display: block; margin: 0 auto; font-size: 14px; color: #666666; text-align: center; margin-top: 12px; line-height: 22px; } .Green_OS_bannerLastImg { width: 100%; } @media screen and (max-width:965px) { #Green_OS.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; } .Green_OSInnerMainTab_6 p { width: 90%; } .Green_OSInnerTabBox { width: 768px; } #Green_OS.threeDiv .applicationMainOutInner p { line-height: 1.4; } .Green_OS_bannerHeadImg { width: 100%; margin: 15px auto; } #Green_OS.threeDiv .serversConBox p.Green_OS_bannerHeadP { font-size: 14px; color: #666666; padding: 0 } } @media screen and (max-width:768px) { .Green_OSInnerTabBox { width: 100%; padding-bottom: 15px; } .Green_OSInnerTabBox_imgBox { width: 100%; } .Green_OSInnerTabBox_3 h2 { font-size: 14px; } .Green_OSInnerTabBox_3 p { font-size: 12px; } .Green_OS_bannerBotImg { width: 100%; margin-bottom: 15px; } .secondDiv .secondWrapImgBox { margin-bottom: 0; padding: 0 } #Green_OS.threeDiv .serversCon { padding-top: 0px; font-size: 32px; } #Green_OS.threeDiv .columGoMore { display: block; margin-top: 6.6%; } #Green_OS.threeDiv .serversConText .serversConTextBox { padding-top: 0; } } @media screen and (max-width:640px) { #Green_OS.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 50px; } #Green_OS.threeDiv .serversCon { font-size: 50px; } } @media screen and (max-width:414px) { #Green_OS.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 44px; } #Green_OS.threeDiv .serversCon { font-size: 44px; } } @media screen and (max-width:375px) { #Green_OS.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 37.5px; } #Green_OS.threeDiv .serversCon { font-size: 37.5px; } } /*绿洲os 结束*/ /*文档中心 开始*/ /* 设置高度隐藏 */ #PorductMaintanInfo.threeDiv .maintanBoxCon { height: 20px; overflow: hidden; } #PorductMaintanInfo.threeDiv .serversCon { padding-top: 40px; font-size: 32px; padding-bottom: 30px; } #PorductMaintanInfo.threeDiv .serversConBox { padding: 0; } #PorductMaintanInfo.threeDiv .serversConBoxGrey { background: #f5f5f5; } #PorductMaintanInfo.threeDiv .serversCon p { font-size: 14px; color: #666666; margin-bottom: 40px; } #PorductMaintanInfo.threeDiv .serversCon .maintanBoxCon img { display: block; margin: 0 auto; } .PorductMaintanInfo_p { font-size: 14px; color: #666666; margin-bottom: 40px; } .PorductMaintanInfo_pAct { margin-bottom: 50px; } .PorductMaintanInfo_img { /* display: none; */ margin: 0 auto 50px; } #PorductMaintanInfo.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; } #PorductMaintanInfo.threeDiv .serversConBox p.PorductMaintanInfo_bannerHeadP { font-size: 14px; color: #666666; padding: 0 18px } #PorductMaintanInfo.threeDiv .serversConTextBot { display: block; float: right; color: #333; cursor: pointer; } #PorductMaintanInfo.threeDiv .pdTop0 { padding-top: 0 } #PorductMaintanInfo.threeDiv .technicalGrey { background: #f5f5f5; } #PorductMaintanInfo.threeDiv .zhanClickAct { color: #e60012; } .PorductMaintanInfo_searchBox { width: 885px; height: auto; margin: 0 auto; } .PorductMaintanInfo_search { width: 100%; height: 50px; padding-right: 120px; position: relative; margin-bottom: 30px; } .PorductMaintanInfo_searchInput { width: 100%; height: 50px; border: 1px solid #d2d2d2; padding: 0 22px; font-size: 16px; float: left } .PorductMaintanInfo_searchBtnBox { width: 120px; height: 50px; line-height: 40px; background: #e60012; color: #fff; position: absolute; top: 0; right: 0; text-align: center; } .PorductMaintanInfo_searchImg { vertical-align: middle; margin-right: 9px; position: relative; top: 2px; } .PorductMaintanInfo_searchBtnBox span { font-size: 18px } .PorductMaintanInfo_searchBtn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0; background: transparent } .PorductMaintanInfo_hot { width: 100%; margin-bottom: 22px; } .PorductMaintanInfo_hot_h2 { font-size: 24px; color: #333333; margin-bottom: 20px; } /*最新订阅按钮*/ .PorductMaintanInfo_subscription_btn{text-align:center;margin-top:20px;} .PorductMaintanInfo_subscription_btn a{padding:10px 30px;background:#e60012;color:#fff;font-size:18px;display:inline-block;} .pro_right .PorductMaintanInfo_subscription_btn a{width:100%;margin-bottom:15px;margin-top:-30px;padding:10px;} .PorductMaintanInfo_hot li { font-size: 16px; float: left; width: 50%; box-sizing: border-box; padding-right: 10px; margin-bottom: 18px; color: #333; padding-left: 15px; background: url(../images/threeAll/.png) no-repeat; background-position: 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .PorductMaintanInfo_hot li a { color: #333 } .PorductMaintanInfo_hot li a:hover { color: #e60012; } .PorductMaintanInfo_searchLineBox { width: 100%; height: 32px; border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; margin-bottom: 32px; } .PorductMaintanInfo_centerArrow { width: 2.5%; height: 100%; float: left; } .PorductMaintanInfo_searchLine { width: 18%; font-size: 14px; height: 32px; line-height: 30px; text-align: center; background: #fcfcfc; float: left; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; } .PorductMaintanInfo_searchLineAct { background: #e60012; color: #fff; border-top: 1px solid #e60012; border-bottom: 1px solid #e60012; } .PorductMaintanInfo_searchBodyBox { margin: 0 -18px; } .PorductMaintanInfo_searchChooseBox { width: 25%; height: 50px; float: left; padding: 0 18px; box-sizing: border-box; margin-bottom: 36px; } .PorductMaintanInfo_searchChoose { width: 100%; height: 50px; font-size: 16px; line-height: 48px; text-align: center; background: #fcfcfc; border: 1px solid #f7f6f6; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .PorductMaintanInfo_searchChoose a { display: block; width: 100%; height: 100%; color: #333; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } .PorductMaintanInfo_searchChoose a:hover { color: #fff; background: #e60012; } #PorductMaintanInfo.threeDiv .addBox { display: none; padding-top: 15px; float: left; width: 100%; } @media screen and (max-width:965px) { .PorductMaintanInfo_searchBox { width: 100%; } #PorductMaintanInfo.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; } .PorductMaintanInfo_img { width: 100%; } #PorductMaintanInfo.threeDiv .applicationMainOutInner p { line-height: 1.4; } #PorductMaintanInfo.threeDiv .serversConBox p.Green_OS_bannerHeadP { font-size: 14px; color: #666666; padding: 0 } } @media screen and (max-width:768px) { .PorductMaintanInfo_subscription_btn a{ font-size:14px; } /* 修改图片大小 */ #PorductMaintanInfo.threeDiv .serversCon .maintanBoxCon img { width: 80%; } #PorductMaintanInfo.threeDiv .serversCon p img { display: block; width: 80%; margin: 0 auto; } .PorductMaintanInfo_searchChooseBox { padding: 0 9px; height: 25px; margin-bottom: 15px; font-size: 12px; } .PorductMaintanInfo_searchChoose { height: 25px; line-height: 23px; font-size: 12px; word-break: break-all; padding: 0 2px; } .PorductMaintanInfo_search { padding-right: 90px; margin-bottom: 15px; } .PorductMaintanInfo_searchLineBox { height: auto; border-left: 1px solid #e60012; border-right: 0; } .PorductMaintanInfo_searchBodyBox { display: none; } #PorductMaintanInfo.threeDiv .addBox { display: block; } .PorductMaintanInfo_searchLine { width: 100%; height: 35px; border: 0; line-height: 35px; text-align: left; padding-left: 12px; font-size: 15px; background: url(../images/threeAll/bigWhiteArrow.png) no-repeat; background-size: 100% 100%; } .PorductMaintanInfo_searchLineAct { background: url(../images/threeAll/big.jpg) no-repeat; background-size: 100% 100%; } .PorductMaintanInfo_centerArrow { display: none } .PorductMaintanInfo_hot_h2 { font-size: 15px; margin-bottom: 15px } .PorductMaintanInfo_hot li { width: 100%; font-size: 14px; } .PorductMaintanInfo_searchBtnBox { width: 90px; line-height: 50px; font-size: 16px; margin-right: 5px; } .PorductMaintanInfo_searchImg { width: 14px; top: 0; } .PorductMaintanInfo_searchBtnBox span { font-size: 14px; } #PorductMaintanInfo.threeDiv .serversCon { padding-top: 0px; font-size: 32px; } #PorductMaintanInfo.threeDiv .columGoMore { display: block; margin-top: 6.6%; } .PorductMaintanInfo_p { margin-bottom: 50px; } #PorductMaintanInfo.threeDiv .serversConText .serversConTextBox { padding-top: 0; } #PorductMaintanInfo.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; } } @media screen and (max-width:640px) { #PorductMaintanInfo.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 50px; } #PorductMaintanInfo.threeDiv .serversCon { font-size: 50px; } } @media screen and (max-width:414px) { #PorductMaintanInfo.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 44px; } #PorductMaintanInfo.threeDiv .serversCon { font-size: 44px; } } @media screen and (max-width:375px) { #PorductMaintanInfo.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 37.5px; } #PorductMaintanInfo.threeDiv .serversCon { font-size: 37.5px; } } /*文档中心 结束*/ /*无线 开始*/ #Wlan.threeDiv .serversCon { padding-top: 40px; font-size: 32px; } #Wlan.threeDiv .serversConBoxGrey { background: #f5f5f5; } #Wlan.threeDiv .serversConBox { background: #fff; padding: 0; } #Wlan.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; } #Wlan.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 30px; cursor: pointer; position: relative; } #Wlan.threeDiv .serversConImg img { display: block; width: 100%; } #Wlan.threeDiv .serversConText .serversConTextBox { height: 250px; overflow: hidden; padding-top: 0px; padding-bottom: 40px; } #Wlan.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 25px; margin-top: 0px; line-height: 26px; } #Wlan.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #Wlan.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; } #Wlan.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; } #Wlan.threeDiv .serverClick { text-align: right; margin-top: 110px; font-size: 14px; color: #e60012; } #Wlan.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; } #Wlan.threeDiv .serverClick.activeC { margin-top: 20px; } #Wlan.threeDiv .serverClick .closeListS { display: none; } #Wlan.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; } #Wlan.threeDiv .serverClikBtn span { display: inline-block; } #Wlan.threeDiv .serverClick.activeC .openListS { display: none; } #Wlan.threeDiv .serverClick.activeC .closeListS { display: inline-block; } body.ie8 #Wlan.threeDiv .classList li { border: 1px solid #e8e8e8; } #Wlan.threeDiv .padding0 { padding: 0; } #Wlan.threeDiv .serversConTextBot { display: block; float: right; position: absolute; right: 0; color: #e60012; bottom: 20px; padding-right: 16px; cursor: pointer; } #Wlan.threeDiv .serversConTextBot img { width: 20px; } #Wlan.threeDiv .zhanClickAct { color: #e60012; } #Wlan.threeDiv .moreBtn { position: relative; top: -2px; } #Wlan #succWrapPC .techSolveConListText { background: #fff; } #Wlan.threeDiv #succWrapPC .techSolveConListText h3 { font-size: 18px; color: #333; } #Wlan.threeDiv .WlanAdd_p { font-size: 18px; color: #333; } #Wlan.threeDiv #succWrapH5 .succSysBox { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } #Wlan.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide { padding-top: 5px; } #Wlan.threeDiv #videoWrapH5 .protechH5VidTxt { background: #fff; } #videoWrapPC .proVidConTextAdd { width: 100%; padding: 5%; font-size: 22px; line-height: 1.3; background: #fff; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } @media screen and (max-width:1200px) { #videoWrapPC .proVidConTextAdd { font-size: 18px; } } #Wlan.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; } #Wlan.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #Wlan.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; } #Wlan.threeDiv .protechVideoCon { width: 100%; height: auto; } #Wlan.threeDiv .applicationMenu { width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) } #Wlan.threeDiv .applicationMenuAct { border-right: 1px solid #e60012; } #Wlan.threeDiv .applicationMenuList { width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color: #666; border-bottom: 1px solid #e6e6e6; cursor: pointer; } #Wlan.threeDiv .applicationMenuListAct { background: #e60012; color: #fff; } #Wlan.threeDiv .applicationMainBody { width: 75%; height: 601px; float: left; } #Wlan.threeDiv .applicationMainOut { width: 100%; height: auto; display: none; } #Wlan.threeDiv .applicationMainOutAct { display: block; } #Wlan.threeDiv .applicationMainOutGrey { background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; } #Wlan.threeDiv .applicationMainOutInner { width: 23%; height: 290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) } #Wlan.threeDiv .applicationMainOutInner a { display: block; width: 100%; height: 100%; color: #333; } #Wlan.threeDiv .applicationMainOutInner img { width: 100%; } #Wlan.threeDiv .applicationMainOutInner h2 { font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; } #Wlan.threeDiv .applicationMainOutInner p { font-size: 12px; padding: 0 12px; line-height: 1.6; } #Wlan.threeDiv .applicationMainOutTextBox { width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; } #Wlan.threeDiv .applicationMainOutTextLastBox { width: 100%; padding: 0; } #Wlan.threeDiv .applicationMainOutTextBox h2 { font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; } #Wlan.threeDiv .applicationMainOutTextBox li { font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/.png) no-repeat; background-position: 0px 5px; margin: 10px 0; } /*#Wlan.threeDiv .applicationMainOutTextBox li:last-child{ margin-bottom: 0; }*/ #Wlan.threeDiv .applicationMainOutTextBox li a { color: #333; } #Wlan.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; } #Wlan.threeDiv .applicationMblTextBox { padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #Wlan.threeDiv .applicationMblTextBox a { display: block; width: 100%; height: 100%; color: #333; } #Wlan.threeDiv .applicationMblTextBox img { width: 100%; float: left; } #Wlan.threeDiv .applicationMblTextBox h2 { font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; } #Wlan.threeDiv .applicationMblTextBox p { font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; } #Wlan.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; } #Wlan.threeDiv div.serversConTextBoxAct p { display: block; } div#Wlan .technicalGrey { background-color: #f9f9f9; } #Wlan.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; } #Wlan.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; } #Wlan.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 0 0 40px; } #Wlan.threeDiv .OperationalTab { max-width: 1232px; width: 100%; height: 100%; padding: 0 16px; margin: 0 auto } #Wlan.threeDiv .OperationalTabHead { width: 100%; height: 60px; border: 1px solid #e6e6e6; border-bottom: 1px solid #e60012; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) } #Wlan.threeDiv .OperationalTabHead_4 { width: 25%; height: 100%; font-size: 20px; line-height: 60px; text-align: center; float: left; color: #666666; cursor: pointer; position: relative; } #Wlan.threeDiv .OperationalTabHead_4:before { position: absolute; content: ""; width: 1px; height: 30px; background: #e6e6e6; top: 15px; left: 0; } #Wlan.threeDiv .OperationalTabHead_4:first-child:before { width: 0px; } #Wlan.threeDiv .OperationalTabHeadAct { background: #e60012; color: #fff; } #Wlan.threeDiv .OperationalTabBody { width: 100%; padding: 0; margin-bottom: 40px; border: 1px solid #e6e6e6; border-top: 0; } #Wlan.threeDiv .OperationalTabBody_4 { display: none; font-size: 14px; color: #666666; height: 555px; } #Wlan.threeDiv .OperationalTabBodyShort { height: 118px } #Wlan.threeDiv .OperationalTabRightUl li { padding-left: 16px; margin-right: 40px; float: left; background: url(../images/threeAll/threearrow.png) no-repeat; background-position: 0 6px; } #Wlan.threeDiv .OperationalTabRightUl a { color: #333; font-size: 16px; } #Wlan.threeDiv .OperationalTabRightUl a:hover { color: #e60012; } #Wlan.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 14px; } #Wlan.threeDiv .OperationalTabBodyAct { display: block; } #Wlan.threeDiv .OperationalTabLeft { width: 25%; height: 100%; float: left; background: #f5f5f5; border-right: 1px solid #e6e6e6; } #Wlan.threeDiv .OperationalTabLeft ul { padding: 10px 30px; } #Wlan.threeDiv .OperationalTabLeft li { font-size: 16px; color: #333333; position: relative; padding-left: 32px; cursor: pointer; word-break: break-all; margin: 15px 0; } #Wlan.threeDiv .OperationalTabLeft li:hover .chooseWlan_text { color: #e60012; } #Wlan.threeDiv .chooseWlanLiAct .chooseWlan_text { color: #e60012; } #Wlan.threeDiv .chooseWlan { position: absolute; top: 2px; left: 0; display: block; } #Wlan.threeDiv .chooseWlanAct { position: absolute; top: 2px; left: 0; display: none; } #Wlan.threeDiv .chooseWlanLiAct .chooseWlan { display: none; } #Wlan.threeDiv .chooseWlanLiAct .chooseWlanAct { display: block; } #Wlan.threeDiv .OperationalTabRight { width: 75%; height: 100%; float: left; padding-top: 30px; padding-left: 1.25%; padding-right: 1.25%; overflow-y: scroll; } #Wlan.threeDiv .OperationalTabRightInner { width: 30.7%; height: 236px; cursor: pointer; float: left; margin-left: 1.25%; margin-right: 1.25%; margin-bottom: 22px; border: 1px solid #ececec; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); } #Wlan.threeDiv .OperationalTabRightInner a { display: block; width: 100%; height: 100%; } #Wlan.threeDiv .OperationalTabRightInner:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #Wlan.threeDiv .OperationalTabRightInner_img { width: 100%; } #Wlan.threeDiv .OperationalTabRightInnerBox { width: 100%; height: auto; } #Wlan.threeDiv .OperationalTabRightInner_text { font-size: 16px; line-height: 24px; width: 90%; color: #666; margin: 15px auto 0; } #Wlan .serversConText .serversConTextBox p { /* display: none; */ } #Wlan.threeDiv .serversConText .serversConTextBox p:first-child { display: block; } #Wlan.threeDiv .paddingTop0 { padding-top: 0; } #Wlan.threeDiv #succWrapH5 .techH5SuccText { background: #fff; } .pdTop100 { padding-top: 100px; } /* 无线部分添加资源中心样式开始 */ #Wlan.threeDiv .SetTemplateInnerTab_4 { width: 25%; height: 120px; padding: 3px 13px; float: left; } #Wlan.threeDiv .SetTemplateInner { width: 100%; height: 100%; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); font-size: 18px; color: #333333; } #Wlan.threeDiv .SetTemplateInnerText { padding-left: 32px; padding-top: 28px; box-sizing: border-box; } #Wlan.threeDiv .SetTemplateInner_img { vertical-align: middle; margin-right: 20px; } #Wlan.threeDiv .goPC { display: block; } #Wlan.threeDiv .goMBL { display: none } #Wlan.threeDiv .serversCon.Operational { padding-bottom: 40px; } /* 无线部分添加资源中心样式结束 */ @media screen and (max-width:965px) { #Wlan.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; } #Wlan.threeDiv .applicationMainOutInner p { line-height: 1.4; } } @media screen and (max-width:768px) { #Wlan.threeDiv .goMBL { display: block; } #Wlan.threeDiv .goPC { display: none; } #Wlan.threeDiv .greyMBL { background: #f5f5f5; } #Wlan.threeDiv .OperationalTabBodyShort .OperationalTabRight { height: auto; } #Wlan.threeDiv .protechSolveGoMore.gotoFontred { display: block; } #Wlan.threeDiv .OperationalTabLeft { width: 100%; height: auto; } #Wlan.threeDiv .OperationalTabRight { width: 100%; padding: 10px; } #Wlan.threeDiv .OperationalTabRightInner { width: 47.5%; height: auto; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; } #Wlan.threeDiv .OperationalTabRightInner_text { font-size: 12px; line-height: 1.2; margin: 0 auto; } #Wlan.threeDiv .OperationalTabLeft ul { padding: 10px; } #Wlan.threeDiv .OperationalTabLeft li { float: none; padding-left: 24px; margin: 8px 0; margin-right: 35px; } #Wlan.threeDiv .chooseWlan { width: 18px; top: 1px; } #Wlan.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; } #Wlan.threeDiv .OperationalTabBody { padding: 0px; } #Wlan.threeDiv .OperationalTab { padding: 0; margin-top: -6.6%; } #Wlan.threeDiv .OperationalTabHead { height: 35px; } #Wlan.threeDiv .OperationalTabHead_4 { font-size: 12px; line-height: 34px; } #Wlan.threeDiv .OperationalTabHead_4:before { top: 10px; height: 15px; } #Wlan.threeDiv .columGoMore { display: block; margin-top: 6.6%; } #Wlan.threeDiv .secondWrapBoxAdd { padding: 0 } #Wlan.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; bottom: 0; } #Wlan.threeDiv .columGoMore a img { width: 16px; margin-top: 2px; } #Wlan.threeDiv .columGoMore a { padding-right: 20px } #Wlan.threeDiv .columGoMore { display: block; } #Wlan.threeDiv .serversConText .serversConTextBox { padding-top: 20px; padding-bottom: 0px; } #Wlan.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; } #Operational .serversConText .serversConTextBox p, #Wlan .serversConText .serversConTextBox p { /* display: none; */ margin-bottom: 22px; } #Wlan.threeDiv .serversConText .serversConTextBox p:first-child { display: block; } #Wlan.threeDiv .serversCon { padding-top: 0; font-size: 60px; } #Wlan.threeDiv .serversConImg { float: none; width: 100%; margin: 0; } #Wlan.threeDiv .serversConText { background: #fff; padding: 3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #Wlan.threeDiv .serverClick { text-align: center; margin-top: 5.625%; } #Wlan.threeDiv .serversConBox { padding: 5.625% 0; } #Wlan.threeDiv .paddingTop0 { padding-top: 0; } /* 产品分类 */ #Wlan.threeDiv .classification { padding-top: 0; font-size: 60px; } #Wlan.threeDiv .classList li { float: none; width: 100%; margin: 0; } #Wlan.threeDiv .classList li:first-child { margin-bottom: 3.75%; } #Wlan.threeDiv .classListTxt h2 { font-size: 46.875%; } #Wlan.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; } #Wlan.threeDiv .classListGoTo { margin-top: 3%; } #Wlan.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; } #Wlan.threeDiv .SetTemplateInnerTab_4 { width: 33.33%; padding: 3px 6px; height: 90px; } #Wlan.threeDiv .SetTemplateInnerBox { padding: 0; overflow: hidden; } #Wlan.threeDiv .SetTemplateInner_img { margin: 15px auto 12px; display: block; height: 29px; } #Wlan.threeDiv .SetTemplateInner { font-size: 12px; text-align: center; } #Wlan.threeDiv .proSer_Btn { margin-top: 3%; } } @media screen and (max-width:640px) { #Wlan.threeDiv .serversCon, #Wlan.threeDiv .classification { font-size: 50px; } #Wlan.threeDiv .serversCon { font-size: 50px; } } @media screen and (max-width:414px) { #Wlan.threeDiv .serversCon, #Wlan.threeDiv .classification { font-size: 44px; } #Wlan.threeDiv .serversCon { font-size: 44px; } } @media screen and (max-width:375px) { #Wlan.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 37.5px; } #Wlan.threeDiv .serversCon { font-size: 37.5px; } } /*无线 结束*/ /* 三级页面公共滑动按钮样式 */ .secondDiv.threeDiv .swiper-btn-box span.swiper-pagination-bullet-active { background: #e60213; } /* 公共背景色类名 */ .secondDiv.threeDiv .backRed { background: #e60012 !important; } .secondDiv.threeDiv .backBlue { background: #2266af !important; } /* 大模板页面模块样式开始 */ /* 模板背景色设置 */ .ParityBlack, .ParityBlack section, .ParityBlack#newsWrap.protechJourn .columEntH3, .ParityBlack .protechH5Tit { background: #f5f5f5 !important; } .ParityWhite, .ParityWhite section, .ParityWhite#newsWrap.protechJourn .columEntH3, .ParityWhite .protechH5Tit { background: #fff !important; } .ParityBlack .techH5Succ.succTechH5 .techH5SuccBtn { background: #f5f5f5 !important; } .ParityWhite .techH5Succ.succTechH5 .techH5SuccBtn { background: #fff !important; } .ParityWhite #videoWrapH5 .technicalGrey { background: #fff !important; } .ParityBlack .techH5Succ.succTechH5 .techH5SuccCon { background: #f5f5f5 !important; } .ParityBlack .techH5Succ.succTechH5 .succSysBox { background: #fff !important; } .ParityBlack #videoWrapH5 .protechH5VidBtn { background: #f5f5f5 !important; } .ParityWhite .techH5Succ.succTechH5 .techH5SuccCon { background: #fff !important; } #SetTemplate.threeDiv .serversCon { padding-top: 40px; font-size: 32px; } #SetTemplate.threeDiv .serversConBox { background: #f5f5f5; padding: 40px 0; } #SetTemplate.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; } #SetTemplate.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 10px; cursor: pointer; position: relative; } #SetTemplate.threeDiv .serversConImg img { display: block; width: 100%; } #SetTemplate.threeDiv .serversConText .serversConTextBox { height: auto; max-height: 245px; overflow: hidden; } .secondDiv.threeDiv .serversConText .serversConTextBox .serversTitle { color: #333333; font-size: 27px; height: 28px; line-height: 1; margin-bottom: 16px; } #SetTemplate.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 26px; line-height: 26px; } #SetTemplate.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #SetTemplate.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; } #SetTemplate.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; } #SetTemplate.threeDiv .serverClick { text-align: right; margin-top: 24px; font-size: 14px; color: #e60012; } #SetTemplate.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; } #SetTemplate.threeDiv .serverClick.activeC { margin-top: 20px; } #SetTemplate.threeDiv .serverClick .closeListS { display: none; } #SetTemplate.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; } #SetTemplate.threeDiv .serverClikBtn span { display: inline-block; } #SetTemplate.threeDiv .serverClick.activeC .openListS { display: none; } #SetTemplate.threeDiv .serverClick.activeC .closeListS { display: inline-block; } /* 产品列表样式开始 */ #SetTemplate.threeDiv .protechListNav { border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #SetTemplate.threeDiv .protechList { font-size: 32px; padding-top: 40px; padding-bottom: 30px; } #SetTemplate.threeDiv .protechListNav .ListNavList { overflow: hidden; zoom: 1; border-bottom: 1px solid #e60012; } #SetTemplate.threeDiv .ListNavList li { width: 25%; float: left; padding: 20px 0; background: #fff; border-top: 1px solid #e6e6e6; cursor: pointer; } #SetTemplate.threeDiv .ListNavList li.backRed { border-top: 1px solid #e60012; } #SetTemplate.threeDiv .ListNavList li.backRed span { color: #fff; border-right: none; } #SetTemplate.threeDiv .ListNavList li span { display: block; width: 100%; padding: 0 10px; line-height: 1; font-size: 20px; text-align: center; color: #666666; } #SetTemplate.threeDiv .ListNavList li .borderLeft { border-left: 1px solid #e6e6e6; } #SetTemplate.threeDiv .ListNavList li:first-child .borderLeft { border-left: 0; } #SetTemplate.threeDiv .setListCon { overflow: hidden; zoom: 1; display: none; } #SetTemplate.threeDiv .setListCon.setListShow { display: block; } #SetTemplate.threeDiv .setListCon .cls-4 { width: 33.33%; float: left; } #SetTemplate.threeDiv .setListBox { width: 100%; padding: 30px 0 4px; } #SetTemplate.threeDiv .listBoxTit { font-size: 18px; color: #333333; } #SetTemplate.threeDiv .listUrlBox a { display: block; color: #0b7ed7; margin-top: 15px; line-height: 1.2; font-size: 14px; } #SetTemplate.threeDiv .listUrlBox a:hover { color: #e60012; } #SetTemplate.threeDiv .listUrlBox a:before { content: '>'; color: #e60012; margin-right: 10px; } /* 控制填充数据 */ .detailDate { width: 0; height: 0; display: none; } /* */ #SetTemplate.threeDiv .servProList { overflow: hidden; zoom: 1; margin-top: 20px; } #SetTemplate.threeDiv .servProList li { width: 25%; float: left; font-size: 16px; margin-bottom: 24px; } #SetTemplate.threeDiv .servProList li a { color: #333; } #SetTemplate.threeDiv .servProList li a:hover { color: #e60012; } #SetTemplate.threeDiv .servProList li:before { content: '>'; margin-right: 10px; color: #e60012; } /* 移动端导航样式 */ #SetTemplate.threeDiv .setLisH5Box { display: none; position: relative; cursor: pointer; padding: 3% 8% 3% 2%; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #e6e6e6; } #SetTemplate.threeDiv .setLisH5Box span { display: block; width: 100%; height: 100%; font-size: 16px; color: #333333; } #SetTemplate.threeDiv .setLisH5Box img { display: block; height: 50%; position: absolute; right: 2%; top: 25%; } #SetTemplate.threeDiv .setLisH5Box img.setUp { display: none; } #SetTemplate.threeDiv .setLisH5Box.detailsShow { background: #e60012; color: #fff; } #SetTemplate.threeDiv .setLisH5Box.detailsShow span { color: #fff; } #SetTemplate.threeDiv .setLisH5Box.detailsShow img.setUp { display: block; } #SetTemplate.threeDiv .setLisH5Box.detailsShow img.setDown { display: none; } /* 第二种解决方案样式 */ #SetTemplate.threeDiv .techSolveConTwo .techSolveConList li { margin-top:30px; } /* */ #SetTemplate.threeDiv .education { padding-top: 40px; padding-bottom: 40px; } #SetTemplate.threeDiv .educationNav { overflow: hidden; height: 60px; zoom: 1; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e60012; } #SetTemplate.threeDiv .educationNav li { width: 50%; height: 100%; float: left; cursor: pointer; text-align: center; line-height: 60px; background: #fff; border-right: 1px solid #e6e6e6; } #SetTemplate.threeDiv .educationNav li:first-child { border-right: 0; border-left: 1px solid #e6e6e6; } #SetTemplate.threeDiv .educationNav li.active { background: #e60012; color: #fff; } /* */ #SetTemplate.threeDiv .educatTxt { display: none; padding-top: 30px; } #SetTemplate.threeDiv .educatTxt p { font-size: 14px; color: #666666; } #SetTemplate.threeDiv .educatTxt.Txtshow { display: block; } #SetTemplate .education .columGoMore { margin-top: -56px; } #SetTemplate.threeDiv .education .technicalSolve .techSolveCon { display: none; } #SetTemplate.threeDiv .education .technicalSolve .techSolveCon.active { display: block; } #SetTemplate.threeDiv .education .techH5Succ .techH5SuccConBox { display: none; } #SetTemplate.threeDiv .education .techH5Succ .techH5SuccConBox.active { display: block; } #SetTemplate.threeDiv .education .technicalSolve { padding-bottom: 0; } #SetTemplate.threeDiv #newsWrap #MobileSeeMore>a, .paddingMore>a { padding: 0 4.5%; } /* 没有图片的栏目概述 */ #SetTemplate.threeDiv .thisNoImg.serversConBox .serverClick { margin-top: 20px; } /* 新解决方案模块样式(从上到下排列) */ #SetTemplate.threeDiv .newSloveBox .techSolveConList li { float: none; width: 100%; overflow: hidden; zoom: 1; margin: 30px 0 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } #SetTemplate.threeDiv .newSloveBox .techSolveConList li:first-child { margin: 0; } #SetTemplate.threeDiv .newSloveBox .techSolveConList li .techSolveConListImg { width: 240px; float: left; } #SetTemplate.threeDiv .newSloveBox.technicalSolve .techSolveConListText { padding-left: 260px; } #SetTemplate.threeDiv .newSloveBox.technicalSolve .techSolveConListText p { margin-top: 18px; } /* */ #SetTemplate.threeDiv .introduction { font-size: 32px; padding-top: 40px; } #SetTemplate.threeDiv .introduction .proEntBtn { float: right; vertical-align: middle; cursor: pointer; } #SetTemplate.threeDiv .introduction .proEntBtnLeft { float: left; margin-right: 10px; width: 28px; height: 28px; border: 1px solid #b0b0b0; position: relative; border-radius: 50%; background: url(../images/onestyleimg/lookArrow.png) no-repeat; background-position: 45% 50%; } #SetTemplate.threeDiv .introduction .proEntBtnLeft.hover { border: 0; background: #e60012 url(../images/onestyleimg/lookArrowHover.png) no-repeat; background-position: 45% 50%; } #SetTemplate.threeDiv .introduction .proEntBtnRight { float: left; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #b0b0b0; position: relative; background: url(../images/onestyleimg/lookArrowRight.png) no-repeat; background-position: 55% 50%; } #SetTemplate.threeDiv .introduction .proEntBtnRight.hover { border: 0; background: #e60012 url(../images/onestyleimg/lookArrowRightHover.png) no-repeat; background-position: 55% 50%; } #SetTemplate.threeDiv .introdBox { width: 100%; overflow: hidden; zoom: 1; } #SetTemplate.threeDiv .introdBoxAnima { width: 200%; position: relative; top: 0; left: 0; overflow: hidden; padding-bottom: 10px; } #SetTemplate.threeDiv .introdBoxAnima .introdBoxList { width: 100%; float: left; } @media screen and (max-width:768px) { #SetTemplate.threeDiv .thisNoImg.serversConBox .serversConText { background: none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } #SetTemplate.threeDiv .serversCon { padding-top: 0; font-size: 60px; } #SetTemplate.threeDiv .serversConImg { float: none; width: 100%; margin: 0; } #SetTemplate.threeDiv .serversConText { background: #fff; padding: 3.75%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #SetTemplate.threeDiv .serverClick { text-align: center; margin-top: 5.625%; } #SetTemplate.threeDiv .serversConBox { padding: 5.625% 0; } #SetTemplate.threeDiv .protechList { padding-top: 0; font-size: 60px; } #SetTemplate.threeDiv .protechListNav { display: none; } #SetTemplate.threeDiv .setLisH5Box { display: block; } #SetTemplate.threeDiv .setListCon .cls-4 { width: 100%; float: none; } #SetTemplate.threeDiv .listBoxTit { font-size: 40%; } #SetTemplate.threeDiv .listUrlBox a { font-size: 37.5%; margin-top: 2%; } #SetTemplate.threeDiv .setListBox { padding: 5% 0 2%; } #SetTemplate.threeDiv .servProList { background: #fff; padding: 3%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #SetTemplate.threeDiv .servProList li { width: 100%; float: none; margin-bottom: 3%; font-size: 37.5%; } #SetTemplate.threeDiv .navWrap { padding: 0; } #SetTemplate.threeDiv .educationNav li { border: none; font-size: 37.5%; } #SetTemplate.threeDiv .education { padding: 5% 0; } #SetTemplate.threeDiv .education .techH5Succ.succTechH5 { border-top: 1px solid #e8e8e8; margin-top: 5%; } .secondDiv.threeDiv .serversConText .serversConTextBox .serversTitle { font-size: 18px; height: 20px; line-height: 20px; } #SetTemplate.threeDiv .serversConText p { margin-bottom: 26px; line-height: 26px; } #SetTemplate.threeDiv .serversConText p img { width: 80%; display: block; margin: 0 auto; } } @media screen and (max-width:640px) { #SetTemplate.threeDiv .serversCon, #SetTemplate.threeDiv .protechList, #SetTemplate.threeDiv .education { font-size: 50px; } } @media screen and (max-width:414px) { #SetTemplate.threeDiv .serversCon, #SetTemplate.threeDiv .protechList, #SetTemplate.threeDiv .education { font-size: 44px; } } @media screen and (max-width:375px) { #SetTemplate.threeDiv .serversCon, #SetTemplate.threeDiv .protechList, #SetTemplate.threeDiv .education { font-size: 37.5px; } } /* 大模板页面模块样式结束 */ /* 勇辉大模板部分样式 */ /*大模板开始*/ #SetTemplate.threeDiv .swiper-serCon { overflow: hidden; } #SetTemplate.threeDiv .serversCon { padding-top: 40px; font-size: 32px; } #SetTemplate.threeDiv .serversCon.Operational { padding-bottom: 40px; } #SetTemplate.threeDiv .serversCon.havepadding { padding-bottom: 40px; } body.ie8 #SetTemplate.threeDiv .classList li { border: 1px solid #e8e8e8; } #SetTemplate.threeDiv .padding0 { padding: 0; } #SetTemplate.threeDiv .serversConTextBot { display: block; float: right; position: absolute; right: 0; color: #333; bottom: 40px; cursor: pointer; } #SetTemplate.threeDiv .zhanClickAct { color: #e60012; } #SetTemplate.threeDiv .moreBtn { position: relative; top: -2px; } #SetTemplate #succWrapPC .techSolveConListText { background: #fff; } #SetTemplate.threeDiv #succWrapPC .techSolveConListText h3 { font-size: 18px; color: #333; } #SetTemplate.threeDiv .WlanAdd_p { font-size: 18px; color: #333; } #SetTemplate.threeDiv #succWrapH5 .succSysBox { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } #SetTemplate.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide { padding-top: 5px; } #SetTemplate.threeDiv #videoWrapH5 .protechH5VidTxt { background: #fff; } #SetTemplate.threeDiv #videoWrapPC .proVidConTextAdd { width: 100%; padding: 5%; font-size: 22px; height: 95px; line-height: 1.3; background: #fff; } #SetTemplate.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; } #SetTemplate.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; } #SetTemplate.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; } #SetTemplate.threeDiv .protechVideoCon { width: 100%; height: auto; } #SetTemplate.threeDiv .applicationMenu { width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) } #SetTemplate.threeDiv .applicationMenuAct { border-right: 1px solid #e60012; } #SetTemplate.threeDiv .applicationMenuList { width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color: #666; border-bottom: 1px solid #e6e6e6; cursor: pointer; } #SetTemplate.threeDiv .applicationMenuListAct { background: #e60012; color: #fff; } #SetTemplate.threeDiv .applicationMainBody { width: 75%; height: 601px; float: left; } #SetTemplate.threeDiv .applicationMainOut { width: 100%; height: auto; display: none; } #SetTemplate.threeDiv .applicationMainOutAct { display: block; } #SetTemplate.threeDiv .applicationMainOutGrey { background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; } #SetTemplate.threeDiv .applicationMainOutTextBox { width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; } #SetTemplate.threeDiv .applicationMainOutTextLastBox { width: 100%; padding: 0; } #SetTemplate.threeDiv .applicationMainOutTextBox h2 { font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; } #SetTemplate.threeDiv .applicationMainOutTextBox li { font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/.png) no-repeat; background-position: 0px 5px; margin: 10px 0; } #SetTemplate.threeDiv .applicationMainOutTextBox li a { color: #333; } #SetTemplate.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; } #SetTemplate.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; } #SetTemplate.threeDiv div.serversConTextBoxAct p { display: block; } div#SetTemplate .technicalGrey { background-color: #f9f9f9; } #SetTemplate.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; } #SetTemplate.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; } #SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 0 0 40px; } #SetTemplate .serversConText .serversConTextBox p { /* display: none; */ } #SetTemplate.threeDiv .serversConText .serversConTextBox p:first-child { display: block; } #SetTemplate.threeDiv .paddingTop0 { padding-top: 0; } #SetTemplate.threeDiv #succWrapH5 .techH5SuccText { background: #fff; } #SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0px; } #SetTemplate.threeDiv .OperationalLastImgBox { width: 38%; float: left; } #SetTemplate.threeDiv .OperationalLastImg { width: 100%; } #SetTemplate.threeDiv .OperationalLastTextBox { width: 62%; float: left; box-sizing: border-box; padding-left: 28px; } #SetTemplate.threeDiv .OperationalLastTextBox h2 { font-size: 24px; color: #333; } #SetTemplate.threeDiv .OperationalLastTextBox p { font-size: 14px; color: #333; line-height: 1.5; margin: 16px 0 16px; } #SetTemplate.threeDiv .OperationalLastTextBox li { font-size: 14px; float: left; padding-left: 16px; cursor: pointer; margin-right: 35px; background: url(../images/secondAll/.png) no-repeat; background-position: 0px 5px; } #SetTemplate.threeDiv .OperationalLastTextBox li a { color: #333; } #SetTemplate.threeDiv .OperationalLastTextBox li a:hover { color: #e60012; } #SetTemplate.threeDiv .SetTemplateInnerBox { } #SetTemplate.threeDiv .SetTemplateInnerTab_4 { width: 25%; height: 120px; padding: 3px 13px; float: left; } #SetTemplate.threeDiv .SetTemplateInner { width: 100%; height: 100%; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); font-size: 18px; color: #333333; } #SetTemplate.threeDiv .SetTemplateInnerText { padding-left: 32px; padding-top: 28px; box-sizing: border-box; } #SetTemplate.threeDiv .SetTemplateInner_img { vertical-align: middle; margin-right: 20px; } #SetTemplate.threeDiv .goPC { display: block; } #SetTemplate.threeDiv .goMBL { display: none } @media screen and (max-width:965px) { #SetTemplate.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; } #SetTemplate.threeDiv .applicationMainOutInner p { line-height: 1.4; } } @media screen and (max-width:768px) { #SetTemplate.threeDiv .serversCon.Operational { padding-bottom: 1px; } #SetTemplate.threeDiv .goPC { display: none; } #SetTemplate.threeDiv .ProtechBtn.swiper-btn-box, #SetTemplate.threeDiv .swiper-btn-box.proSer_Btn { margin: 26px 0 40px; } #SetTemplate.threeDiv .SetTemplateInnerTab_4 { width: 33.33%; padding: 3px 6px; height: 90px; } #SetTemplate.threeDiv .SetTemplateInnerBox { padding: 0; overflow: hidden; } #SetTemplate.threeDiv .SetTemplateInner_img { margin: 15px auto 12px; display: block; height: 29px; } #SetTemplate.threeDiv .SetTemplateInner { font-size: 12px; text-align: center; } #SetTemplate.threeDiv .goMBL { display: block } #SetTemplate.threeDiv .greyMBL { background: #f5f5f5; } #SetTemplate.threeDiv .goMBL .secondWrapBox { padding: 0 6px; } #SetTemplate.threeDiv .protechSolveGoMore.gotoFontred { display: block; } #SetTemplate.threeDiv .secondWrapBoxAdd { padding: 0 } #SetTemplate.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; bottom: 0; } #SetTemplate.threeDiv .OperationalLastImgBox { width: 100%; } #SetTemplate.threeDiv .OperationalLastImg { width: 70%; display: block; margin: 0 auto; } #SetTemplate.threeDiv .OperationalLastTextBox { width: 100%; padding: 0; } #SetTemplate.threeDiv .technicalGrey .columGoMore { display: none; } #SetTemplate.threeDiv .OperationalLastTextBox h2 { font-size: 15px; text-align: center; margin: 16px 0; } #SetTemplate.threeDiv .Operational .secondWrapBoxAdd_2 { display: none; } #SetTemplate.threeDiv .Operational .secondWrapBoxAdd_2:first-child { display: block; } #SetTemplate.threeDiv .serversConText .serversConTextBox { padding-top: 20px; padding-bottom: 0px; } #SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; } #SetTemplate .serversConText .serversConTextBox p { /* display: none; */ } #SetTemplate.threeDiv .serversConText .serversConTextBox p:first-child { display: block; } #SetTemplate.threeDiv .serversCon { padding-top: 0; font-size: 60px; padding-bottom: 0; } #SetTemplate.threeDiv .serversConImg { float: none; width: 100%; margin: 0; } #SetTemplate.threeDiv .serversConText { background: #fff; padding: 3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } #SetTemplate.threeDiv .serverClick { text-align: center; margin-top: 5.625%; } #SetTemplate.threeDiv .serversConBox { padding: 5.625% 0; } #SetTemplate.threeDiv .paddingTop0 { padding-top: 0; } } @media screen and (max-width:640px) { #SetTemplate.threeDiv .serversCon, #Wlan.threeDiv .classification { font-size: 50px; } #SetTemplate.threeDiv .serversCon { font-size: 50px; } } @media screen and (max-width:414px) { #SetTemplate.threeDiv .serversCon, #Wlan.threeDiv .classification { font-size: 44px; } #SetTemplate.threeDiv .serversCon { font-size: 44px; } } @media screen and (max-width:375px) { #SetTemplate.threeDiv .serversCon, #IT_application.threeDiv .classification { font-size: 37.5px; } #SetTemplate.threeDiv .serversCon { font-size: 37.5px; } } /* 切换部分 */ #SetTemplate.threeDiv .SDNPCNav { height: 48px; border: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; } #SetTemplate.threeDiv .SDNPCNav li { width: 20%; background: #fff; float: left; height: 100%; text-align: center; line-height: 48px; font-size: 18px; color: #666666; position: relative; cursor: pointer; border-top: 1px solid #e8e8e8; border-bottom: 2px solid #e60012; } #SetTemplate.threeDiv .SDNPCNav li>i { display: block; width: 1px; height: 14px; background-color: #d5d5d5; position: absolute; top: 17px; right: 0; } #SetTemplate.threeDiv .SDNPCNav li.SDNPCAct { border-top: 1px solid #e60012; background: #e60012; color: #fff; } #SetTemplate.threeDiv .SDNPCNav li.SDNPCAct>i { display: none; } #SetTemplate.threeDiv .SDNProtech { padding-top: 40px; } #SetTemplate.threeDiv .setListTxt { font-size: 14px; color: #666666; padding: 26px 0 10px; line-height: 1.5; } #SetTemplate.threeDiv .setListTxt p { margin-bottom: 4px; } #SetTemplate.threeDiv .topLine { border-top: 1px solid #e8e8e8; } @media screen and (max-width:768px) { #SetTemplate.threeDiv .SDNPCNav { display: none; } #SetTemplate.threeDiv .setListtxtBox { padding-bottom: 5%; margin-bottom: 6%; } #SetTemplate.threeDiv .SDNProtech .techH5Succ.succTechH5 .succSysBox { width: 100%; } #SetTemplate.threeDiv .SDNProtech .paddingMore { padding: 1% 0 4%; } #SetTemplate.threeDiv .SDNProtech .paddingMore a { padding: 0; } #SetTemplate.threeDiv .SDNProtech { padding: 5% 0; } } /*大模板结束*/ /* 没有展开全部部分样式添加 */ #SetTemplate.threeDiv.secondDiv .serversConTextBox.isNoMoreBox { height: auto; max-height: none; } #SetTemplate.threeDiv.secondDiv .serversConTextBox.isNoMoreBox img { max-width: 80%; display: block; margin: 0 auto; } /* 该部分为原网站样式分离开始 */ /*面包屑*/ div.crumbs { width: 100%; font-size: 12px; color: #666; margin-top: 100px; /* background-color: #fafafa; */ z-index: 10; } div.crumbs .nowpage { /*height: 100%; */ padding: 23px 0; font-size: 14px; /* font-size: 18px;*/ /*position: absolute;right: 0;*/ width: 20%; float: right; text-align: right; } div.crumbs .nowpage.to-stat-wrap { width: 50%; position: absolute; right: 0; text-align: right; z-index: 5; } div.crumbs .nolink { color: #e60012 !important; } .pro_right .pro_rela ul { padding: 18px 0px 30px; background-color: #fff; position: relative; overflow: hidden; border: solid 1px #ececec; } .pro_right .pro_rela ul li a { line-height: 30px; display: block; padding-left: 34px; padding-right: 18px; font-size: 14px; background: url(../images/sj_solve.png) no-repeat 16px top; width: 100%; } .pro_right .pro_rela ul li a:hover { background: url(../images/sj_solve.png) #EDEDED no-repeat 16px top; } .pro_right .pro_rela ul li.on a { background: url(../images/sj_solve.png) #EDEDED no-repeat 16px top; } .pro_right .ab_eigh ul { padding: 18px 18px 30px; background-color: #f7f7f7; position: relative; overflow: hidden; } .pro_right .ab_eigh ul li { height: 30px; line-height: 30px; display: block; float: left; padding-left: 16px; font-size: 14px; background: url(../images/sj_about.png) no-repeat left; width: 100%; } .pro_right .ab_eigh ul li:hover { background: url(../images/sj_solve.png) no-repeat left; } .pro_right .ab_eigh ul li a { color: #666; } .pro_right .ab_eigh ul li:hover a { color: #0b7fd7; } .pro_right .pro_fast { margin-top: 20px; } .pro_right .pro_fast ul { border: solid 1px #ececec; } .pro_right .pro_fast ul li { height: 40px; line-height: 40px; border-bottom: 1px solid #ededed; background: url(../images/pro_fast.png) right no-repeat; padding-left: 20px; padding-right: 8px; color: #666666; font-size: 14px; } .pro_right .pro_fast ul li:hover { background: url(../images/pro_fast.png) right no-repeat #ededed } .pro_right .pro_fast ul li a { color: #666; display: block; } .pro_right .pro_fast ul li:hover a { color: #4894dd; } .pro_right .pro_add { margin-top: 20px; } .pro_right .pro_add img { width: 100%; height: auto; } .pro_right .pro_add p { color: #0075c8; font-size: 14px; text-align: left; margin-top: 5px; } .pro_detail .title { height: 50px; text-align: center; font-size: 24px; color: #333; } .acontent .btn_list { width: 100%; overflow: hidden; margin: 20px 0px; position: relative; } .acontent .btn_list ul li { display: block; float: right; width: 85px; line-height: 30px; font-size: 14px; color: #666; text-align: left; height: 30px; } .acontent .btn_list ul li a { display: block; line-height: 30px; padding-left: 40px; background: url(../images/btn_pro_detail.png) #f7f7f7 no-repeat; margin-left: 2px; } .acontent .btn_list ul li a:hover { background-color: #eee; } .acontent .btn_list ul li.download a { background-position: 0 -90px; } .acontent .btn_list ul li.collect a { background-position: 0 -60px; } .acontent .btn_list ul li.print a { background-position: 0 -30px; } .acontent .btn_list ul li.good a { background-position: 0 0; margin-left: 0px; } .acontent .btn_list span.time { display: block; width: 150px; height: 30px; line-height: 30px; position: absolute; left: 50%; top: 0; margin-left: -75px; text-align: center; font-size: 14px; color: #b2b2b2; } .acontent h3 { font-size: 24px; color: #333; margin-top: 5px; } .acontent h4 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; } .acontent h4 a { color: #333; } .acontent .list_title { font-size: 14px; color: #666; margin-top: 15px; } .acontent p { display: block; line-height: 28px; font-size: 14px; line-height: 28px; } .acontent .list { margin-top: 5px; } .acontent .list p { margin-top: 0; line-height: 28px; } .acontent div.img { margin: 45px 0; } /*新闻翻页*/ .news-page { padding: 30px 0px; height: 30px; width: 100%; overflow: hidden; } .news-page img { display: block; height: 30px; line-height: 30px; width: 30px; float: left; /*background-color:#f2f2f2;*/ margin-right: 2px; } .news-page p { float: left; height: 30px; background: url(..../images/pagebar_line.png) no-repeat center; overflow: hidden; } .news-page p span { display: block; float: left; line-height: 30px; height: 30px; padding: 0px 10px; } .news-page .form { float: left; margin-left: 0px; overflow: hidden; height: 30px; } .news-page .form .page-text { height: 30px; line-height: 30px; border: 1px solid #dedede; width: 100px; padding: 0px 10px; float: left; display: block; *height: 28px; *line-height: 28px; } .news-page .form .page-button { background: #0b7fd7; color: #fff; font-size: 14px; line-height: 1em; width: 80px; margin-left: 10px; left: left; border: none; height: 30px; } /*合作伙伴*/ .par_left .passage h2 { font-size: 24px; color: #333; padding-bottom: 20px; } .par_left .passage h3 { font-size: 20px; color: #333; padding-bottom: 25px; } .par_left .passage h4 { font-size: 18px; color: #333; margin-top: 20px; padding-bottom: 5px; } .par_left .passage p { font-size: 14px; color: #666; line-height: 24px; } .par_left .passage .more a { border: solid 1px #d3d3d3; padding: 0 15px; line-height: 30px; display: inline-block; } .par_left .passage .more a:hover { /* color:#248fd1; */ background: #e60012; color: #fff !important; } .par_left .passage p span { color: #0b7fd7; } .par_left .passage .normal_table { border-left: 1px solid #e5e4e4; border-top: 1px solid #e5e4e4; margin-top: 30px; } .par_left .passage .normal_table th, .par_left .passage .normal_table td { border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; height: 65px; font-size: 14px; color: #666; } .par_left .passage .normal_table th { font-size: 18px; background: #e60012; } .par_left .passage .normal_table .left { text-align: center; width: 200px; } .par_left .passage .normal_table .right { text-align: left; padding-left: 30px; padding-right: 10px; } .par_left .passage .MsoNormalTable { border-left: 1px solid #e5e4e4; border-top: 1px solid #e5e4e4; margin-top: 30px; width: 100%; } .par_left .passage .MsoNormalTable th, .par_left .passage .MsoNormalTable td { border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; height: 65px; font-size: 14px; color: #666; vertical-align: middle; } .par_left .passage .MsoNormalTable th, .par_left .passage .MsoNormalTable tr:first-child td { font-size: 18px; background: #f8f8f8; } .par_left .passage .MsoNormalTable p { text-align: left; padding-left: 30px; padding-right: 10px; font-size: 14px; color: #666; } .par_left .passage .MsoNormalTable p b { font-size: 18px; font-weight: normal; } .par_left .passage .MsoNormalTable td:first-child p { text-align: center; padding-left: 0; padding-right: 0; } .step_table>tbody>tr>td { border: 1px solid #fff; background: #f2f2f2; text-align: center; } .step_table>tbody>tr>td.active { background: #0b7fd7; } .step_table>tbody>tr>td.active a p { color: #fff; } .step_table>tbody>tr>td.active a p:first-child { color: #fff; } .step_table>tbody>tr>td.active a .inner { background: url(../images/num_w.png) no-repeat top center; } .step_table>tbody>tr>td.blank { background: #fff; } .step_seven>tbody>tr>td { width: 14.28%; } .step_five>tbody>tr>td { width: 20%; } .step_six>tbody>tr>td { width: 16.6%; } .step_table>tbody>tr>td a p { margin-top: 10px; padding: 0; } .step_table>tbody>tr>td a p:first-child { padding-top: 20px; margin-top: -10px; font-weight: bold; color: #999; } .step_table>tbody>tr>td a .inner { background: url(../images/num_g.png) no-repeat top center; } .par_left .daili h3 { font-size: 24px; padding-bottom: 20px; margin-top: 45px; color: #333; } .par_left .daili h4 { color: #666; padding-bottom: 20px; } .par_left .daili p.daili { color: #999; } .m20 { margin: 20px 0 !important; } .m30 { margin: 30px 0 !important; } .m40 { margin: 40px 0 !important; } .normal_form .aline { overflow: visible; clear: both; width: 100%; line-height: 40px; padding: 10px 0; font-size: 14px; } .normal_form .aline label { height: 100%; margin-bottom: 0; padding-left: 12px; background: url(../images/star_red.png) no-repeat left top; font-weight: normal; color: #666; display: block; cursor: auto; } .normal_form .aline label.nostar { background: none; } .normal_form .aline input { height: 40px; border-radius: 0; border-color: #ccc; float: left; } .normal_form .aline .btn-group { height: 40px; position: relative; padding: 0; width: 100%; } .normal_form .aline button { height: 100%; border-radius: 0; background-image: none; color: #666; } .normal_form .aline button.show-result { width: 100%; text-align: left; position: relative; z-index: 0; } .normal_form .aline button.show-result:hover, .normal_form .aline button.show-result:focus { background: none; } .normal_form .aline button.dropdown-toggle { width: 40px; text-align: center; position: absolute; right: 0; top: 0; z-index: 1 } .normal_form .aline ul.dropdown-menu { border-radius: 0; min-width: 100%; border: 1px solid #ccc; left: 0px; } .normal_form .aline ul.dropdown-menu li a { color: #666; } .normal_form .aline .tip { width: auto; height: 100%; } .normal_form .aline .doubleinline { margin-right: 1%; } .normal_form .bline { height: auto; overflow: hidden; } .normal_form .aline textarea { float: left; width: 100%; border-radius: 0; } .normal_form .aline input[type="button"], .normal_form .aline input[type='submit'] { width: 100%; height: 100%; border: none; border-radius: 0; background: #0b7fd7; font-size: 18px; color: #fff; text-align: center; cursor: pointer; } .normal_form .aline .left { padding-left: 0; } .normal_form .aline .right { padding-right: 0; } .normal_form .mline { text-align: center; width: 100%; } .normal_form .mline .checkbox { position: relative; display: block; text-align: center; margin: 0; height: 100%; padding-left: 22px; } .normal_form .mline input[type="checkbox"] { float: none; width: auto; margin-top: 0; outline: none; } .normal_form .mline input[type="radio"] { float: left; margin-left: -20px; margin-right: 5px; width: auto; outline: none; margin-top: 0; } .normal_form .mline input[type="submit"] { float: none; width: 170px; } .normal_form .mline img { color: #d12424; font-size: 18px; margin-left: 10px; } .normal_form .tline button.dropdown-toggle { right: 0; } .normal_form { padding: 0 15px; } .normal_form .lline input { width: 70%; } .normal_form .word { height: auto; padding: 10px 0 10px 12px; font-size: 14px; color: #666; } .normal_form .word span { color: #0b7ed7; } .normal_form .aline .file { height: 100%; background: #0b7fd7; color: #fff; font-size: 14px; text-align: center; float: left; position: relative; } .normal_form .aline .file input[type="file"] { width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 1; top: 0; left: 0; cursor: pointer; } .normal_form .check .random_num { height: 40px; padding-left: 0; } .normal_form .check .random_num .img { border: 1px solid #ccc; height: 100%; } .normal_form .check .random_num .img img { width: 100%; height: 100%; } .normal_form .mline .aleft { text-align: left; } .tline { position: relative; z-index: 1; } .tline .aline { overflow: visible; } .tline .aline label { padding-left: 0; } .tline .aline .btn-group { padding-right: 0; } .tline .aline .righttip { background: none; text-align: left; } .passage .celltable tr { height: 40px; font-size: 14px; color: #666; } .passage .celltable th { background: #f8f8f8; } .passage .celltable td { } .celltable>tbody>tr>th, .celltable>tbody>tr>td { height: 40px; line-height: 40px; border: 2px solid #fff; padding: 0; text-align: center; } .celltable>tbody>tr>th.left, .celltable>tbody>tr>td.left { width: 24%; } .celltable>tbody>tr>th>div, .celltable>tbody>tr>td>div { border: 1px solid #ddd; width: 100%; height: 100%; } .celltable>tbody>tr>th.left>div, .celltable>tbody>tr>td.left>div { text-align: left; padding-left: 10px; width: 100%; } .celltable>tbody>tr>th.left>div.star, .celltable>tbody>tr>td.left>div.star { padding-left: 22px; background: url(../images/star_red.png) no-repeat 10px top; } .celltable input { width: 100%; height: 100%; border: none; text-align: center; } .par_fj { padding: 0 -15px; width: 100%; padding-top: 0; padding-bottom: 0; } .par_fj h3 { padding-left: 15px; } .par_left .daili .apply { text-align: center; width: 100%; } .par_left .daili .apply h3, .par_left .daili .apply p { text-align: center; } .par_left .daili .apply input[type="button"] { padding: 10px 95px; background: #0b7fd7; font-size: 18px; color: #fff; border: 0; margin-top: 25px; } div.par_main { padding: 0; } .par_main h2, .par_main h3 { color: #333; } .par_main .login { padding: 0 15px; } .par_main .apart { margin-top: 25px; } .par_main .left_part { padding: 25px 0; } .par_main .left_part ul { margin-top: 15px; } .par_main .left_part ul li { height: 80px; width: 100%; padding-left: 70px; line-height: 80px; font-size: 18px; } .par_main .left_part ul li.first { background: url(../images/s_21.png) no-repeat left center; } .par_main .left_part ul li.second { background: url(../images/s_23.png) no-repeat left center; } .par_main .left_part ul li.third { background: url(../images/s_24.png) no-repeat left center; } .par_main .left_part ul li.fourth { background: url(../images/s_25.png) no-repeat left center; } .par_main .left_part ul li a { color: #666; } .par_main .left_part p { font-size: 14px; color: #666; line-height: 24px; width: 85%; margin-top: 5px; } .par_main .apart .login_box { width: 100%; height: auto; border: 1px solid #e3e3e3; background: #f5f5f5; padding: 25px 0; } .par_main .right_part h3 { text-align: center; padding: 0 15px 20px; } .login_form .aline label { background: none; text-align: right; } .login_form .aline a.button { height: 40px; width: 100%; display: block; text-align: center; background: none; border: 1px solid #ccc; font-size: 18px; color: #333; } .login_form .aline .tip a { color: #0b7fd7; text-decoration: underline; } .bundling_form .aline .tip { } .bundling_form .aline .tip a { color: #0b7fd7; text-decoration: none; } .par_left .cpps h3 { padding: 10px 0 20px 0; color: #666; } .par_left .cpps h4 { color: #666; margin-top: 0; padding-bottom: 5px; } .par_left .cpps p { line-height: 26px; } .par_left div.blank { width: 100%; height: 30px; } .relive_form .aline .nostar { padding-left: 0; } .passage .relive_form h4 { padding-bottom: 20px; } .window .title { height: 50px; width: 100%; background: #3c99df; color: #fff; font-size: 20px; line-height: 50px; padding-left: 20px; } .par_left .check h2 { padding-bottom: 40px; } .par_left .check h3 { padding: 0 0 20px 0; } .check_table>tbody>tr>th.left>div { text-align: center; } .check_table>tbody>tr>th.left>div.star, .check_table>tbody>tr>td.left>div.star { background: none; } .check .line { margin-top: 40px; margin-bottom: 20px; } .passage .status p { font-size: 18px; line-height: 30px; } .passage .status p span.red { color: #ff0000 } .passage .status p span.blue { color: #0b7fd7 } .passage .door { padding-top: 20px; padding-bottom: 20px; overflow: hidden; } .passage .door h3 { color: #0b7fd7; } .passage .door .inner { padding-top: 160px; text-align: center; } .passage .door .door_left { background: url(../images/s_27.png) no-repeat center 30px; } .passage .door .door_right { background: url(../images/s_28.png) no-repeat center 30px; border-left: 1px solid #e6e6e6; } .passage .door .inner p { font-size: 16px; } .passage .door .inner p span { color: #0b7fd7; } .channel-tag-bd .list { margin-top: 30px; } div.top0, .top0 { margin-top: 0 !important; padding-top: 0 !important; } .channel-tag-bd .list p { background: url(../images/pro_link.png) no-repeat scroll 0 5px rgba(0, 0, 0, 0); padding-left: 15px; line-height: 26px; } .passage .more { text-align: right; font-size: 14px; margin-top: 12px; padding-left: 0 !important; background: none !important; } .passage .more a { margin-left: 30px; } .passage .more a.download { background: url(../images/download_small.png) no-repeat left top; padding-left: 24px; } .passage .more a.read { background: url(../images/btn_solve01.png) no-repeat left top; padding-left: 24px; } .channel-tag-ul li .black { margin-bottom: 12px; } .channel-tag-ul li .black a { color: #333; font-size: 18px; } .timeline li dl { display: none; background: url(../images/month-bg0.png) repeat-y left top; } .timeline li.on dl { display: block; } .timeline dl dd { display: block; height: auto; position: relative; } .timeline dl dd a.month { display: block; width: 150px; padding-left: 90px; line-height: 60px; font-size: 26px; color: #666; background: url(../images/month-on.png) no-repeat left top; } .timeline dl dd .monthnp ul { margin-top: -40px; padding-left: 160px; padding-right: 10px; font-size: 14px; color: #808080; line-height: 24px; padding-bottom: 20px; } .timeline dl dd .monthnp li { font-size: 14px; color: #808080; line-height: 24px; padding-bottom: 10px; } .about_top .hard-sketch h1 { text-align: left; } .about_top .hard-sketch h1, .about_top .hard-sketch h2 { padding-bottom: 10px; } .about_top .hard-sketch p { padding-top: 20px; } .wrap_line { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .about_content h2 { padding: 50px 0 40px; text-align: left; color: #262626; font-size: 24px; } .about_content .channel-tag-ul li .black a { color: #248fd1; font-size: 18px; } .about_solve .channel-tag-ul li .black a { color: #248fd1; font-size: 18px; } .about_solve .channel-tag-ul { padding-bottom: 30px; } .channel-tag-ul li .icon { text-align: center; } .channel-tag-ul li .icon img { width: auto; height: auto; } .about_icon { padding-bottom: 30px; } .about_icon .channel-tag-ul li .des { padding-left: 0 !important; } /*智能广域网解决方案 顶部*/ .about_box2 { padding-bottom: 20px; } .about_box2 .title { font-size: 18px; color: #0b7fd7; } .about_box3 h2 { font-size: 32px; color: #333; text-align: center; } .about_box3 .acontent p { color: #666; } .about_box3 .acontent .img { width: 100%; padding: 30px 0; margin: 0; } .about_box3 .acontent .img img { width: 100%; } .about_box3 .acontent .img label { width: 100%; margin-top: 25px; text-align: center; font-size: 14px; color: #666; font-weight: normal; } .about_box4 .title { font-size: 18px; color: #0b7fd7; } .about_box4 li { padding-top: 50px; } .about_box4 p.more { font-size: 14px; padding: 25px 0 50px; text-align: right; } .about_box4 p.more a { display: block; float: right; height: 16px; line-height: 16px; padding-left: 28px; background: url("../images/btn_solve01.png") no-repeat scroll 0 -15px rgba(0, 0, 0, 0) } .aline .tit_tip { padding: 0; font-size: 16px; } .many_mag { margin-top: 30px; } .solve_box4 .icon a.download { background: url(../images/download_small.png) no-repeat left; } .about_box5 { padding-bottom: 50px; } .about_box6 { margin-top: 50px; } .box6-left { padding-left: 0; } .box6-left .paper { border: 1px solid #d8d8da; } .about_box6 h4 { color: #c9282d; font-size: 16px; border-bottom: 1px solid #d8d8da; height: 36px; line-height: 36px; padding-left: 15px; } .about_box6 .img { padding: 3px; } .about_box6 .img img { width: 100%; } .about_box6 .edi { overflow: hidden; } .about_box6 .passage .download { display: block; float: right; padding-left: 28px; padding-right: 15px; font-size: 14px; color: #b2b2b2; margin-top: 10px; } .about_box6 .passage .download a { float: right; display: block; padding-left: 25px; background: url(../images/download_small.png) no-repeat left; text-align: right; } .about_box6 .passage .ver { text-align: center; float: left; color: #000; font-size: 16px; height: 40px; line-height: 40px; } .about_box6 .passage .ver a { background: #f2f2f2; display: block; } .about_box6 .passage div.on a { color: #fff; background: #0075c8; } .about_box6 .passage ul { margin-top: 20px; } .about_box6 .passage li { display: block; min-height: 24px; font-size: 14px; line-height: 24px; padding-left: 20px; background: url(../images/nav08.png) no-repeat left 6px; } .about_box6 .passage li.on { color: #238bdb; background: url(../images/nav09.png) no-repeat left center; } .about_box6 .passage li.on a { color: #239bdb; } .article h3 { font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px; } .article p.auther { font-size: 14px; color: #b2b2b2; text-align: center; } .article p.auther span { margin-left: 20px; } .article p { font-size: 14px; color: #666; padding-bottom: 24px; line-height: 24px; } .booklist .title { height: 24px; width: 100%; line-height: 24px; font-size: 20px; color: #333; } .booklist .title span { width: 5px; height: 100%; display: block; background: #0b7fd7; float: left; margin-right: 10px; } .booklist li { padding-left: 30px; } .booklist label { height: 100%; line-height: 60px; width: 100%; color: #333; font-size: 18px; margin: 0; font-weight: normal; } /*.booklist li a{font-size: 14px; color: #808080; margin-right: 5px;}*/ ul.change-color a { color: #666; } ul.change-color li:hover a, ul.change-color li.on a { color: #e60012; } p.ab-corner a { background: url(../images/ch_11.png) no-repeat left center; padding-left: 18px; } .par_left .passage .ab_table { width: 100%; } .par_left .passage .ab_table th, .par_left .passage .ab_table td { height: 40px; line-height: 40px; text-align: center; } .par_left .passage .ab_table span { color: #000; font-size: 16px; } .par_left .map img { width: 100%; height: auto; } .par_left h2 { color: #333; } .ab_form { margin-top: 20px; } .ab_form .normal_form .aline label { } .thial .title { height: 60px; width: 100%; background: #f7f7f7; border: 1px solid #f2f2f2; font-size: 24px; color: #333; text-align: center; line-height: 60px; } .thial .title img { margin-right: 10px; } .thial .abox { width: 100%; height: auto; padding: 25px 20px; border: 1px solid #e6e6e6; border-top: none; } .thial .abox p { color: #808080; font-size: 16px; line-height: 26px; } .thial .abox p span { color: #0075c8; cursor: pointer; } .thial .abox p span:hover { color: #248fd1; } .thial .tag { height: 30px; line-height: 30px; font-size: 16px; color: #666; overflow: hidden; } .thial .tag label { padding: 0 17px 0 8px; background: url(../images/bg-tag.jpg) no-repeat right center #e6e6e6; height: 100%; line-height: 30px; font-weight: normal; margin-right: 10px; } .thial .list { margin-top: 30px; } .thial .list_ { margin-top: 0; margin-bottom: 40px; } .thial .list label { color: #666; font-weight: normal; font-size: 16px; line-height: 26px; } .thial .list ul li { line-height: 26px; font-size: 16px; padding-left: 20px; background: url(../images/nav09.png) no-repeat left center } .aphone { padding-left: 0; } .aphone img { width: 100%; } .aphone-des { padding-left: 45px; } .aphone-des h2 { font-size: 22px; margin-top: 50px; color: #333; } .aphone-des p { font-size: 16px; color: #333; margin-top: 20px; line-height: 30px; } .aphone-des .black { color: #000; } .aphone-des .ewm { margin-top: 30px; width: 100%; overflow: hidden; } .aphone-des .ewm img { width: 100%; } .aphone-des .ewm p { font-size: 14px; color: #000; text-align: center; margin-top: 5px; } .aphone-des .tip { font-size: 14px; margin-top: 10px; } .aphone-des .buttons { overflow: hidden; margin-top: 10px; } .aphone-des .buttons a { float: left; width: 96px; height: 36px; margin-right: 32px; background: #0075C8; line-height: 36px; text-align: center; color: #fff; font-size: 16px; } .aphone-des .buttons a:hover { background-color: #489CDC } .about_box7 { overflow: hidden; } .about_box7 h1 { padding: 50px 0; text-align: center; font-weight: normal; font-size: 24px; color: #333; } .about_box7 h3 { padding: 5px 0 25px; text-align: left; font-weight: normal; font-size: 20px; color: #333; } .about_box7 .img { width: 96px; height: 96px; border: 2px solid #e6e6e6; border-radius: 3px; text-align: center; } .about_box7 .img img { width: 100%; } .about_box7 .abox { margin-top: 50px; overflow: hidden; min-height: 200px; } .left0 { padding-left: 0; } .right0 { padding-right: 0; } .right1 { border-right: 1px solid #e6e6e6; } .about_box7 a.button { display: block; height: 40px; line-height: 40px; color: #666; text-align: center; font-size: 18px; background: #e6e6e6; } .about_box7 a.button:hover { background: #248fd1; color: #fff; } .about_box7 p { width: 100%; margin-top: 25px; font-size: 14px; color: #808080; line-height: 26px; } .about_box8 h3 { color: #333; padding-bottom: 18px; } .about_box8 h4 { color: #0b7fd7; font-size: 18px; padding-bottom: 18px; } .about_box8 p { font-size: 14px; color: #666; line-height: 26px; text-align: justify; } .about_box8 .img img { width: 100%; } .about_box8 .abox { padding: 20px; border: 1px solid #e6e6e6; } .about_box8 ul { overflow: hidden; } .about_box8 li { margin-bottom: 30px; } .about_box8 a.btn-more { display: block; margin: 0 15px; height: 40px; line-height: 40px; color: #0b7fd7; text-align: center; background: #e6e6e6; } .about_box8 a.btn-more img { margin-left: 10px; } .about_box8 .ewm { margin-bottom: 20px; } .about_box8 .ewm img { width: 100%; } .about_box9 h3 { color: #333; line-height: 40px; } .about_box9 a.ppt { width: 100px; height: 30px; margin-top: 5px; display: block; background: #fafafa; border: 1px solid #e6e6e6; float: right; color: #666; padding-left: 20px; text-align: center; line-height: 30px; background: url(../images/icon-ppt.png) no-repeat 20px center; } .about_box9 a.ppt.pauseState { background-image: url(../images/icon-ppt.png); } div.about_container { padding: 40px 0; overflow: hidden; } /*轮播*/ .slide_box { padding-bottom: 50px; } .slide_box .tFocus { position: relative; } .slide_box .tips { height: 100px; line-height: 100px; } .tFocus .tFocus-pic a { display: block; padding: 0; } .tFocus .tFocus-pic img { width: 100%; } .tFocus .prev, .tFocus .next { position: absolute; display: block; width: 30px; height: 70px; top: 40%; z-index: 1; } .tFocus .prev { left: 0; background: url(../images/b-prev.png) no-repeat left center; } .tFocus .next { right: 0; background: url(../images/b-next.png) no-repeat right center; } .slide_box .tips .left { text-align: left; font-size: 24px; color: #666; } .slide_box .tips .now { font-size: 32px; color: #409be0; } .slide_box .tips .all { font-size: 24px; color: #666; } .slide_box .tips .time { margin-right: 10px; } .slide_box .tips .right { text-align: right; font-size: 14px; color: #666; } .tFocusBtn { position: relative; overflow: hidden; height: 120px; width: 100%; border: 1px solid #e6e6e6; } .tFocusBtn .prev, .tFocusBtn .next { position: absolute; width: 40px; height: 120px; top: 0; z-index: 1; } .tFocusBtn .prev { left: 0; border-right: 1px solid #e6e6e6; background: url(../images/g-prev.png) no-repeat center center #fafafa; } .tFocusBtn .next { right: 0; border-left: 1px solid #e6e6e6; background: url(../images/g-next.png) no-repeat center center #fafafa; } .tFocusBtn .tFocus-btn { position: relative; float: left; margin: 14px 40px 0; width: 100%; } .tFocus-btn ul { height: 100%; position: absolute; width: 9999px; left: 40px; } .tFocus-btn li { width: 151px; float: left; padding: 7px; } .tFocus-btn li.active { background: url(../images/slide-on.png) top center no-repeat; } .tFocus-btn li a { display: block; } .tFocus-btn li.active a { border: 3px solid #0b7fd7; border-radius: 3px; } .tFocus-btn li img { width: 100%; } .train-wrap .t-box { padding-top: 50px; padding-bottom: 45px; overflow: hidden; } .train-wrap .t-box_ { padding-top: 0; padding-bottom: 45px; overflow: hidden; } .t-box h2 { font-size: 32px; color: #333; padding-bottom: 30px; } .t-box h3 { font-size: 24px; color: #333; padding-bottom: 30px; } .t-box h4 { font-size: 18px; color: #000; padding-bottom: 5px; line-height: 28px; } .t-box ul .img img { width: 100%; } .t-box ul .des .title { font-size: 18px; } .t-box ul .des .word { margin-top: 20px; color: #666; font-size: 14px; line-height: 24px; } .t-box ul .des .more { display: block; position: absolute; right: 15px; bottom: 3px; font-size: 14px; } /*.t-box ul .des p{width: 100%;}*/ .t-box ul li { margin-top: 45px; overflow: hidden; } .t-box ul li:first-child { margin-top: 0; } .t-box ul.step li { margin-top: 35px; } .t-box ul.step li:first-child { margin-top: 0; } .t-box p { font-size: 14px; color: #666; line-height: 24px; } .t-box_ p { font-size: 14px; color: #666; line-height: 24px; } /*查询结果*/ .t-box .result { margin-top: 50px; overflow: hidden; } .t-box .result table { width: 100%; overflow: hidden; border-top: 1px solid #e5e4e4; border-left: 1px solid #e5e4e4; } .t-box .result table th, .t-box .result table td { color: #666; text-align: center; border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; } .t-box .result table th { height: 65px; line-height: 65px; background: #f8f8f8; font-size: 18px; } .t-box .result table td { height: 40px; line-height: 40px; background: #fff; font-size: 14px; } .t-box .step { margin-top: 45px; } .t-box .step table td { height: 180px; } .t-box .step table td a { display: block; height: 100%; width: 100%; } .t-box .step table .inner { padding: 0 10%; text-align: center; } .t-box .step table img { margin-top: 0; } .t-box .step table p { font-size: 18px; color: #242424; line-height: 28px; margin-top: 10px; } /*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding-top: 40px !important; }*/ .center-img { width: 100%; text-align: center; } .center-img img { max-width: 100%; } .jt-ul { overflow: hidden; } .jt-ul p { background: url("../images/pro_link_26.png") no-repeat scroll 0 top rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; } .jt-ul p span { display: block; float: right; font-size: 12px; } .jt-ul #historyDownload li { background: url("../images/pro_link_26.png") no-repeat scroll 0 top rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; } .jt-ul h3 { color: #333 !important; font-size: 16px; } .jt-ul .lock { margin-top: -3px; margin-left: 5px; } .jt-ul .more { display: block; float: right; margin-top: 20px; background-image: none; } .train-top h2 { text-align: center; color: #333 !important; padding-bottom: 35px; } .train-top .prodetail-sixwarp h2 { text-align: center; color: #333 !important; padding: 0px; } .train-top .img img { width: 100%; } .train-top p { padding-top: 0 !important; text-align: justify; } .t-box .step-fix { padding: 20px 30px 0; color: #fff; font-size: 14px; } .t-box .step-fix .astep { width: 9.4%; font-size: 12px; padding: 12px 18px 0; height: 70px; position: relative; float: left; background: #e60012; text-align: center; color: #fff; } .t-box .step-fix .astep .num { width: 26px; height: 26px; position: absolute; bottom: -13px; left: 50%; margin-left: -13px; border: 1px solid #fff; border-radius: 13px; color: #666; } .t-box .step-fix .astep .num span { width: 24px; height: 24px; border: 2px solid #e60012; display: block; border-radius: 12px; background: #fff; margin-left: 0px; margin-top: 0px; color: #666; } .t-box .step-fix .step-jt { width: 5.3%; height: 70px; float: left; background: url(../images/step-right.png) no-repeat center center; } .liner-box { width: 100%; height: auto; overflow: hidden; position: relative; border: 1px solid #e6e6e6; padding-bottom: 28px; } .liner-box h2 { background: #f2f2f2; border-bottom: 1px solid #e6e6e6; line-height: 50px; color: #333; font-size: 24px; padding: 0 0 0 20px; } .liner-box h3 { font-size: 18px; color: #666; padding-bottom: 10px; } .liner-box h4 { font-size: } .liner-box .abox { padding: 28px 20px 0; overflow: hidden; } .liner-box .line { width: 96%; margin-left: 2%; } .liner-box p { text-align: justify; } .liner-box .bbox { padding: 35px 0 30px; text-align: center; } .liner-box .bbox .title { font-size: 18px; } .liner-box .bbox p { font-size: 14px; margin-top: 15px; line-height: 26px; text-align: center; padding: 0 40px; } .liner-box .more { text-align: right; line-height: 26px; } .liner-box .more a { border: solid 0px #d3d3d3; padding: 0 15px; line-height: 30px; display: inline-block; } .liner-box .more a:hover { /* color:#248fd1; */ background: #e60012; color: #fff !important; } .liner-box .list-box { overflow: hidden; } .liner-box .list-box h3 { color: #333; font-size: 16px; padding-bottom: 12px; } .liner-box .list-box li { background: url("../images/pro_link.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; margin-top: 0; } .liner-box .blank { overflow: hidden; height: 30px; width: 100%; } .t-box .cbox { margin-top: 20px; } .t-box .cbox.first { margin-top: 0; } .t-box .cbox p { line-height: 26px; font-size: 14px; color: #666; } .t-box .cbox p.title { color: #0b7fd7 } .t-box .dbox { padding: 25px 0; text-align: center; } .t-box .dbox .title { font-size: 18px; color: #248fd1; margin-top: 20px; } .t-box .dbox p { font-size: 14px; margin-top: 10px; line-height: 26px; text-align: center; } .t-box .dbox h3 { padding: 30px 0 0; } .t-box .dbox h3 a { color: #333; } .t-box .dbox.col-md-3 { padding: 25px 25px; height: 285px; } .t-box .border-right { border-right: 1px solid #e6e6e6; } .computer { border-bottom: 1px solid #e6e6e6; overflow: hidden; } .btn-normal { max-width: 100% !important; height: 40px; background: url(../images/btn-bg.png) repeat-x 0 bottom; color: #808080; text-align: center; line-height: 40px; font-size: 16px; border-radius: 5px; } .btn-normal:hover { background-position: 0 top; color: #fff; } .btn-normal.left { float: right; } .btn-normal.right { float: left; } .btn-150 { width: 150px; } .btn-200 { width: 200px; } .btn-270 { width: 270px; } .ko404 { min-height: 600px; } /*带slide的videobox*/ .slide-video .matchbox { overflow: hidden; position: relative; margin-bottom: 30px; } .slide-video .matchbox img { width: 100%; } .slide-video .shadow { background: url(../images/opacity03.png); display: block; position: absolute; top: 80%; left: 0; width: 100%; height: 100%; z-index: 1; } .slide-video h4 { height: 20%; line-height: 200%; text-indent: 15px; font-size: 14px; color: #fff; } .slide-video p { padding: 0 15px; color: #d6d5d3; font-size: 12px; } .slide-video .play-icon { width: 35px; height: 35px; position: absolute; background: url(../images/ico-07.png); background-size: 100%; right: 10px; bottom: 10px; } /*2014-12-02 文章*/ .acontent { } .acontent .MsoHyperlink a { color: #0075C8; } .acontent .MsoHyperlink a:hover { color: #248fd1; } .acontent h1, .acontent h2, .acontent h3, .acontent h4, .acontent h5, .acontent h6 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; color: #333; } .acontent h1 a, .acontent h2 a, .acontent h3 a, .acontent h4 a, .acontent h5 a, .acontent h6 a { color: #333; } .acontent p { display: block; font-size: 14px; line-height: 28px; } .acontent .attachslist_down h1, .acontent .attachslist_down h2, .acontent .attachslist_down h3, .acontent .attachslist_down h4, .acontent .attachslist_down h5, .acontent .attachslist_down h6 { border-top: 2px solid #EEE; padding-top: 20px; margin-top: 15px; } .acontent .attachslist_down ul a { padding-left: 28px; background: url('../images/download_small.png') no-repeat scroll left center transparent; color: #0075C8; } .acontent .attachslist_down ul a:hover { color: #248fd1; } .acontent .attachslist_down ul li { color: #0075C8; font-size: 14px; padding-top: 8px; padding-left: 10px; } .acontent .attachslist_down ul li:hover { color: #248fd1; } .article .attachslist_down ul a { padding-left: 28px; background: url('../images/download_small.png') no-repeat scroll left center transparent; color: #0075C8; } .article .attachslist_down ul a:hover { color: #248fd1; } .article .attachslist_down ul li { color: #0075C8; font-size: 14px; padding-top: 8px; padding-left: 10px; } .article .attachslist_down ul li:hover { color: #248fd1; } .subNewsTitle .btn_list { width: 100%; overflow: hidden; margin: 20px 0px; position: relative; } .subNewsTitle .btn_list ul li { display: block; float: right; width: 85px; line-height: 30px; font-size: 14px; color: #666; text-align: left; height: 30px; } .subNewsTitle .btn_list ul li a { color: #7f7f7f; display: block; line-height: 30px; padding-left: 40px; background: url(../images/btn_pro_detail.png) #f7f7f7 no-repeat; margin-left: 2px; } .subNewsTitle .btn_list ul li a:hover { background-color: #eee; } .subNewsTitle .btn_list ul li.download a { background-position: 0 -90px; } .subNewsTitle .btn_list ul li.collect a { background-position: 0 -60px; } .subNewsTitle .btn_list ul li.print a { background-position: 0 -30px; } .subNewsTitle .btn_list ul li.good a { background-position: 0 0; margin-left: 0px; } .subNewsTitle .btn_list span.time { display: block; width: 150px; height: 30px; line-height: 30px; position: absolute; left: 50%; top: 0; margin-left: -75px; text-align: center; font-size: 14px; color: #b2b2b2; } .subNewsTitle h1, .subNewsTitle h2, .subNewsTitle h3, .subNewsTitle h4, .subNewsTitle h5, .subNewsTitle h6 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; color: #333; } .subNewsTitle h1:first-child { font-size: 24px; color: #333; margin-top: 0px; padding: 10px 0px 30px; border-bottom: 2px solid #EEE;text-align: center; } .article .detailBody a { color: #e60012; } .article .detailBody a:hover { color: #e60012; } .article .MsoNormalTable { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .article .MsoNormalTable td { border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding: 12px; font-size: 14px; vertical-align: middle; } .article .MsoNormalTable td p { padding-bottom: 0; } /*2014-12-11*/ .bsc table { border-collapse: separate; border-spacing: 2px; width: 100%; margin-top: 20px; } .bsc td { padding: 10px; border: 1px solid #BCD0E8; font-size: 14px; } .bsc .tableBlue td { background: #DAE8F1; } .passage .channel-tag-ul li { padding-bottom: 15px; } .channel-tag-ul li .desimg img { width: 100%; } @media (max-width:1199px) { .bundling_form .aline .tip { display: block; } .login_form .aline .tip { display:; } .celltable>tbody>tr>th, .celltable>tbody>tr>td { height: 60px; line-height: 20px; } .celltable>tbody>tr>th>div, .celltable>tbody>tr>td>div { padding-top: 10px; } .acontent .btn_list span.time { position: relative; margin-bottom: 10px; } .about_box7 .abox { min-height: 230px; } .t-box .step-fix { padding: 10px 0 0; } .t-box .step-fix .astep, .t-box .step-fix .step-jt { height: 60px; } .liner-box .bbox p { padding: 0 20px; } } @media (min-width:768px) and (max-width:991px) { .anchor .carousel-inner .carousel-caption ul li { padding-left: 30px; background-position: 15px 0; } .pro_wrap .pro_content { padding-left: 40px; } .anchor ol.carousel-indicators { margin-left: 65px; } .solve_box4 .icon a.second { margin-left: 0; margin-top: 15px; } .pro_right .pro_fast ul li { background: #f7f7f7; overflow: hidden; } .celltable>tbody>tr>th, .celltable>tbody>tr>td { height: 60px; line-height: 20px; } .celltable>tbody>tr>th>div, .celltable>tbody>tr>td>div { padding-top: 10px; } .t-box .step-fix .astep, .t-box .step-fix .step-jt { height: 140px; } } @media (max-width:991px) { .about_box6 .passage .download { width: 100%; text-align: right; padding-bottom: 20px; } .ko0414F img { width: 450px; position: absolute; top: 50%; left: 50%; margin-left: -225px; margin-top: -225px; } } @media (max-width:767px) { .kobanner { padding-top: 60px; } .tFocusBtn .prev, .tFocusBtn .next { display: none; } .tFocusBtn .tFocus-btn { margin: 18px 0px; } .tFocusBtn { height: auto; overflow: hidden; } .tFocus-btn ul { width: 100%; position: relative; } .tFocus-btn li { width: 50%; position: relative; } .tFocus-btn li.active { background: none; overflow: hidden; } .tFocus-btn li:nth-child(odd).active a { margin-top: -3px; } .pro_top .hard-sketch { padding-top: 100px; padding-bottom: 0; } .pro_top .hard-sketch h1 { padding-bottom: 20px; } .pro_wrap .stat-wrap { margin-top: 40px; } .anchor { margin-top: 32px; } .service-wrap .anchor { margin-top: 0; } .anchor .carousel-inner .carousel-caption ul li { border: 1px solid #e6e6e6; margin-top: 3px; } .anchor .carousel-inner .item { position: relative; } .anchor .carousel-inner h3 { text-indent: 0; } .pro_wrap .carousel-inner>.item { display: block; } .pro_wrap .pro_content { border-left: none; margin-top: 30px; padding-left: 0 !important; min-height: 1px; } .pro_wrap .pro_content div.download { position: relative; } .pro_wrap .pro_content h3 { margin-top: 40px; } .pro_wrap .pro_content .acontent { padding-bottom: 40px; } .pro_wrap .pro_content h4 { padding-top: 0; margin-top: 35px; } .container .left_none { padding: 0px !important; } .pro_wrap .pro_content div.img img { width: 100%; } .solve_box2 { padding-top: 40px; } .aboutus-con .video_box { padding-bottom: 0 !important; } .aboutus-con .video_box .text { padding-bottom: 0 !important; } .solve_container .title_box { padding-top: 40px; } .solve_container .con_box { padding-bottom: 40px; } .solve_container .con_box ul li .img { padding-right: 0 !important; } .solve_container .con_box ul li .des { padding-left: 0 !important; padding-top: 20px; } .solve_container .con_box ul li .des.noabdes { padding-top: 0; } .pro_wrap .stat-wrap { padding-bottom: 40px; } .solve_box3 .solut-slide .carousel-inner { width: auto; margin-left: 0; padding: 0; } .mobie_near { padding-top: 0 !important; } .solve_box3 .solut-slide .col { padding-top: 40px; } .solve_box4 { padding-top: 40px; padding-bottom: 40px; } .solve_box4 .col, .solve_box4 a.img { padding-right: 0 !important; } .solve_box4 a.img { width: 60%; margin-left: 20%; } .solve_box4 .des { padding-top: 30px; padding-left: 0 !important; padding-right: 0 !important; } .solve_box4 .second_book { padding-top: 50px; } .prolist_container { padding-top: 0px; padding-bottom: 48px; } .aus-vdetail { padding-top: 100px; } .page_common { margin-top: 30px; } .pro_right .pro_rela ul { padding: 18px 0px 20px; } .pro_right .pro_fast { margin-top: 0; } .acontent .btn_list ul li { width: 25%; overflow: hidden; } .acontent .btn_list ul li a { text-align: center; padding-left: 20px; background-color: #f7f7f7; } .solve_box4 .col { padding-bottom: 30px; } .solve_box4 .col:nth-of-type(2) { padding-bottom: 0px; } .solve_box4 { padding-bottom: 20px; } .news-fax .solvedetail-list { padding-bottom: 30px; } .news-page .form .page-text { width: 60px; } .news-page .form .page-button { width: 50px; } .news_fj { padding-bottom: 0px; } .news-detail .acontent { padding-bottom: 30px; } .normal_form .aline .btn-group, .tline .aline .btn-group, .normal_form .aline label.nostar, .normal_form .aline div { padding: 0; } .normal_form .aline button.dropdown-toggle { right: 0 } .normal_form .aline ul.dropdown-menu { left: 0; } .normal_form .word { padding-left: 0; } .normal_form .aline .file, .normal_form .aline .doublelast { margin-top: 10px; } .login_form .aline label { text-align: left; } .par_main .right_part { padding-left: 0; padding-right: 0; } .passage .door .door_right { border-left: 0; } .about_content h2 { padding-bottom: 0; } .about_box1 .des { padding-top: 20px; } .gap { padding: 10px 0 !important; } .box6-left { padding-top: 70px; margin-top: 0; } .about_box6 { margin-top: 30px; } .about_box4 { padding-top: 50px; } .about_box5 { padding-top: 30px; } /* .ab-left{padding-top: 20px;}*/ .about_top { padding-top: 60px; } .abt30 { margin-top: 0; padding-top: 30px; } .aphone-des { padding-left: 0; } .aphone-des h2 { margin-top: 30px; } .aphone-des .ewm { padding-left: 30px; } .left0 { padding-right: 0; } .right0 { padding-left: 0; } .about_box8 a.btn-more { margin-bottom: 30px; } .right1 { border-right: 0; } .about_box9 a.ppt { float: left; margin-top: 20px; } div.about_container { padding-top: 100px; } /*.service-wrap { padding-top: 100px; }*/ .nottop .service-wrap { padding-top: 50px; } .t-box ul .des .title { margin-top: 10px; } .t-box ul .des .word { margin-top: 10px; } .t-box ul .des .more { position: relative; right: auto; bottom: auto; margin-top: 10px; } .t-box .step-fix .astep { width: 100%; height: 70px; } .t-box .step-fix .step-jt { width: 100%; background: url(../images/step-down.png) center center no-repeat; } .t-box .step-fix { padding-bottom: 40px; } .liner-box .bbox p { padding: 0 10px; } .t-box .border-right { border-right: 0; } .t-box .dbox.col-md-3 { padding: 25px 0; height: auto; } .service-wrap .ser-passage { border-left: 0; padding-left: 0; } .service-wrap .ser-passage h4 { margin-top: 20px; } .btn-normal.left, .btn-normal.right { float: auto; width: 100% } .btn-normal { margin-top: 10px; } .service-wrap .stat-phone-tit { margin: 0; } .service-wrap .tab-content h4 { margin-top: 0; } .service-wrap .tab-content div.blank { height: 0; } .service-wrap .tab-content .tab-pane { padding: 10px 0 20px 15px; } .service-wrap .boxes .box { margin-top: 10px; } .ser-nav li, .ser-nav li.first, .ser-nav li.last { width: 100%; background: none; padding: 0; margin-bottom: 10px; background: #F2F2F2; } .ser-nav li.first { background: #0b7fd7; } .istop { padding-top: 50px !important; } .train-top { padding-top: 100px; } .liner-box .list-box h3 { margin-top: 10px; padding-bottom: 5px; } .t-box h3 { padding-bottom: 10px; } .ab-right ul { padding-bottom: 0; } .t-box .step table img { max-width: 100%; } .t-box ul li { margin-top: 20px; } .service_wrap.top070 { margin-top: 0; } .aus-vdetail h1 { padding-top: 0; } .bq20top { padding-top: 60px; } .about_box6.box6-left { padding-left: 15px; } .about_box6.box6-left .paper .img { display: none; } .about_box5 .about_box6 .normal_form.row { display: none; } .passage .edi .download { display: none; } .pro_product { padding-top: 0px; } } @media (max-width:660px) { .celltable>tbody>tr>th, .celltable>tbody>tr>td { height: 60px; line-height: 20px; } .celltable>tbody>tr>th>div, .celltable>tbody>tr>td>div { padding-top: 10px; } .subNewsTitle img { width: 100%; height: auto; } .acontent img { width: 100%; height: auto; } .acontent .NotesHeading img { width: auto; height: auto; } .subNewsTitle .btn_list ul { display: none; } .article p { font-size: 16px; } .acontent p { font-size: 16px; } .ko0414F img { width: 320px; position: absolute; top: 50%; left: 50%; margin-left: -160px; margin-top: -160px; } .ko0415t { margin-left: 0; } .ko0415 { position: relative; margin-bottom: 0; text-align: center; } } /*IE/7/6*/ .clear { clear: both; height: 0; font-size: 0; overflow: hidden; } @media (min-width:1024px) and (max-width:1199px) { .kan-info { width: 960px; } .kan-title { font-size: 30px; } .kan-txtc { line-height: 1.5em; } .kan-btn { width: 90px; line-height: 2.2em; } .kan-mt-18 { margin-top: 15%; } .kan-mt-3 { margin-top: 2%; } } @media (max-width:768px) { .kan-info { max-width: 1080px\9; *max-width: 1080px; _max-width: 1080px; max-width: 1080px; padding: 3% 0; } .kan-box { border-bottom: 1px solid #f4f4f4; box-sizing: border-box; padding: 8% 0; } .kan-box:last-child { border: none; } .kan-box-c { width: 88%; } .kan-bg { background-image: none; } .kan1-img, .kan2-img { width: 60%; margin: 5% auto 0 auto; padding: 0; } .kan1-txt { width: 100%; } .kan-title { font-size: 26px; text-align: center; } .kan-btn { width: 45%; float: left; line-height: 2.5em; margin-right: 10%; } .last { margin-right: 0; } .float-left, .float-right { float: none; } .kan1-icon, .kan2-icon { display: none; } .kan-mt-18 { margin-top: 0; } .kan-mt-3 { margin-top: 5%; } .kan-pc-btn { display: none } .kan-phone-btn { width: 60%; display: block; margin: 6% auto 0 auto; padding: 0; box-sizing: border-box; text-align: center; } } /* 该部分为原网站样式分离结束 */ /* 覆盖列表页面页码样式开始 */ .news-page img { display: block; height: 30px; line-height: 30px; width: 30px; float: left; margin-right: 2px; } .news-page p { float: left; height: 30px; background: url(..../images/pagebar_line.png) no-repeat center; overflow: hidden; } .news-page p span { display: block; float: left; line-height: 30px; height: 30px; padding: 0px 10px; font-size: 14px; color: #666; } .news-page .form { float: left; margin-left: 0px; overflow: hidden; height: 32px; } .news-page { width: 410px; float: right; overflow: visible; padding: 30px 0px; height: 30px; margin-bottom: 20px; } .news-page .form .page-text { font-size: 14px; color: #666; height: 30px; line-height: 30px; border: 1px solid #dedede; width: 100px; padding: 0px 10px; float: left; display: block; } .news-page .form .page-button { background: #e60012; display: block; float: left; color: #fff; font-size: 14px; line-height: 1em; width: 80px; margin-left: 10px; border: none; height: 30px; } @media screen and (max-width:768px) { .news-page { width: 100%; height: auto; text-align: center; } .news-page p { display: inline-block; float: none; } .news-page .form .page-button { width: auto; padding: 0 5%; } .news-page .form { display: block; width: 125px; float: none; margin: 3% auto 0; height: auto; } .news-page img { display: inline-block; float: none; } .news-page a { display: inline-block; height: 30px; } .news-page .form .page-text { width: 60px; } } /* 大互联四级模板部分修改 */ .Resources { display: none; padding-bottom: 20px; } .ResourcesShow { display: block; } /* 覆盖四级页面列表样式(有图/无图) */ /* 有图片部分 */ div.crumbs .nowpage { /* height: 100%; */ padding: 23px 0; font-size: 14px; /* font-size: 18px; */ width: 20%; float: right; padding-right: 16px; text-align: right; } div.crumbs .nolink { color: #e60012 !important; font-size: 16px; } div.crumbs { width: 100%; font-size: 12px; color: #666; margin-top: 100px; z-index: 10; } div.crumbs a { text-decoration: none; } div.crumbs ul.container { display: block; width: 1200px; margin: 0 auto; height: 100%; position: relative; } div.crumbs ul.container .koli { font-size: 16px; color: #666; padding-top: 30px; margin-bottom: 10px; } div.crumbs ul.container .koli a { color: #666; } div.crumbs ul.container .koli a:hover { color: #e60012 !important; } div.crumbs .nolink { font-size: 16px; } .par_left { width: 72%; float: left; } .prolist_container { width: 100%; overflow: hidden; padding-bottom: 30px; } .pro_right { width: 25%; float: right; padding-top: 20px; } .pro_right .title { padding: 10px 0; line-height: 28px; color: #242424; font-size: 20px; padding-left: 20px; background-color: #ececec; } .ab-right ul { margin-top: 0; margin-bottom: 20px; border: solid 1px #ececec; padding-left: 0; } .ab-right ul li { padding-left: 20px; display: block; line-height: 25px; font-size: 16px; cursor: pointer; margin-top: 0 !important; } .ab-right ul li a { display: block; color: #7f7f7f; padding: 10px 10px 10px 0; text-decoration: none; } ul.change-color li:hover a, ul.change-color li.on a { color: #e60012; } .container { padding-left: 0; } body { margin: 0; } .channel-tag-ul { padding-left: 0; } .channel-tag-ul a { text-decoration: none; } .channel-tag-ul li { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #ececec; } .channel-tag-ul li .img { display: block; width: 180px; float: left; } .channel-tag-ul li .img img { display: block; width: 100%; } .passage .channel-tag-ul li>.des { padding-left: 200px !important; float: none !important; } .channel-tag-ul li .title { font-size: 16px; color: #333333; } .channel-tag-ul li .title a { color: #333333 !important; } .channel-tag-ul li .word { font-size: 14px; color: #666666; margin-top: 10px; line-height: 1.6; } .channel-tag-ul li .title a:hover { color: #e60012 !important; } .container-fluid { margin: 0 auto; } .container-fluid.testbanner1 { padding-top: 100px !important; } .container-fluid.stat-bg-inner.hidden-xs { width: 100%; } @media screen and (max-width:1320px) { div.crumbs ul.container .koli { padding: 30px 16px 0; } .container-fluid { padding: 0 16px; } } @media screen and (max-width:1200px) { div.crumbs ul.container { width: 100%; } } @media screen and (max-width:768px) { div.crumbs { display: none; } .pro_right { display: none; } .news-page>div { width: 100%; } .par_left { width: 100%; } .pro_right .pro_add { display: none; } .channel-tag-ul li .img { float: none; width: 100%; } .channel-tag-ul li .des { padding: 2% 0 0 !important; } .prolist_container { padding-bottom: 0; } .passage .channel-tag-ul li>.des { padding: 0 !important; } } /* 无图片部分 */ .pro_left_wrap { margin-top: 20px; padding-top: 0 !important; } .big_sj { padding: 15px 0; border-bottom: 1px solid #f5f5f5; -webkit-transition: padding-left .3s ease; -moz-transition: padding-left .3s ease; -ms-transition: padding-left .3s ease; -o-transition: padding-left .3s ease; transition: padding-left .3s ease; } .big_sj:hover { background-color: #f5f5f5; padding-left: 20px; } .big_sj>a { display: block; text-decoration: none; font-size: 16px; width: 100% !important; color: #333333 !important; } .big_sj>a:hover { color: #333333 !important; } .big_sj>span { display: block; font-size: 12px; color: #999999; margin-top: 8px; float: left !important; } .prolist_container div.big_sj { background: url(../images/threeAll/threearrow.png) no-repeat; background-size: 6px auto; background-position: 0 25px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .prolist_container div.big_sj:hover { background-position: 4px 25px; background-color: #f5f5f5; } .popup.hidden-xs { display: none; } /* 去掉线条 */ .prolist_container .line { background: none; } /* 字体样式颜色修改 */ header a:link, header a:visited { color: #333; text-decoration: none; } header h3 a:link, header h3 a:visited { color: #e60010; } header a:link:hover { color: #e60010; } .footerInnerBox a:link { color: #939392; text-decoration: none; } .footerInnerBox a:link:hover { color: #fff; } .footerInnerBox a:visited:hover { color: #fff; } .footerInnerBox a:visited { color: #939392; } header a:link.act, header a:link.acthover { color: #e60010; } header a:visited:hover { color: #e60010; } /* 头部样式修改 */ .footerInnerBox h2 { margin-top: 0 !important; margin-left: 0 !important; } .quickTabContent h3 { margin-bottom: 0 !important; margin-left: 0 !important; } /* 搜索框调整 */ header .searchBox input[type=text].inputSearch { height: 28px; } input[type=text].headMblSearchInnerBtn { border: none; height: 24px; } .product-entry .big_sj { padding: 0; padding-left: 16px; } /* 2018.02.02 添加用户注册页面样式 */ #Media_Contact.register .registerTxt { font-size: 16px; color: #666; margin-top: -20px; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; } #Media_Contact.register .registerTxt span { color: #e60010; } /* 右侧文字部分 */ #Media_Contact.register .registerBox h3 { font-size: 14px; color: #333333; font-weight: 700; margin-bottom: 35px; } #Media_Contact.register .registerBox p { font-size: 14px; color: #999999; line-height: 1.5; } #Media_Contact.register .registerBox p a { color: #e60010; } #Media_Contact.register .registerRight { width: 26%; float: right; margin-top: 80px; } /* 左侧内容部分 */ #Media_Contact.register .registerTitle { font-size: 16px; color: #333333; font-weight: 700; margin-top: 40px; } #Media_Contact.register .registTab { width: 100%; overflow: hidden; margin-top: 20px; } #Media_Contact.register .tabName { display: block; width: 130px; height: 36px; line-height: 36px; float: left; text-align: right; font-size: 14px; color: #666666; margin-right: 5px; } #Media_Contact.register .required:before { content: '*'; color: #e60010; } #Media_Contact.register .registSelect { display: block; width: 400px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; } #Media_Contact.register .tabInput { overflow: hidden; } #Media_Contact.register .tabSpan { display: block; height: 36px; line-height: 36px; float: left; font-size: 14px; color: #333333; margin-left: 20px; } #Media_Contact.register .tabSpan .verifiImg { display: block; width: 100px; } #Media_Contact.register .tabSpan a { color: #333; } #Media_Contact.register .tabSpan img { width: 16px; vertical-align: middle; } #Media_Contact.register .registerBtn { display: block; width: 124px; height: 100%; background: #e60012; border: none; color: #fff; font-size: 14px; } #Media_Contact.register .registerText { display: block; width: 400px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; } #Media_Contact.register .Auterror { display: block; width: 100%; float: left; } #Media_Contact.register .registerRadiot { -webkit-appearance: radio; margin-left: 20px; } #Media_Contact.register .radioBox { font-size: 14px; height: 36px; line-height: 36px; } #Media_Contact.register .birstBox { width: 102px; height: 36px; border: 1px solid #d8d8d8; margin: 0 10px; } #Media_Contact.register .birstCon { font-size: 14px; height: 36px; line-height: 36px; } #Media_Contact.register .verification { width: 100px; height: 36px; float: left; border: 1px solid #d8d8d8; } /* */ #Media_Contact.register .regSubmitBtn { width: 165px; height: 36px; font-size: 14px; color: #fff; margin-left: 135px; } @media screen and (max-width:1000px) { #Media_Contact.register .registerRight { float: none; width: 100%; margin-top:; } #Media_Contact.register .MediaContact { width: 100%; float: none; } #Media_Contact.register .registerTxt { margin-top: 0; padding-bottom: 3%; } } @media screen and (max-width:768px) { #Media_Contact.register .tabName { width: 70px; } #Media_Contact.register .registSelect { width: 100%; margin-right: 100px; float: none; } #Media_Contact.register .tabSpan { float: none; margin-left: 0; margin-top: 10px; } #Media_Contact.register .registerText { width: 100%; float: none; } #Media_Contact.register .veriSpan { float: left; margin-top: 0; margin-left: 20px; } #Media_Contact.register .birstCon { height: auto; } #Media_Contact.register .birstBox { margin: 10px 0px; } #Media_Contact.register .birstName { height: 56px; line-height: 56px; } #Media_Contact.register .verification { width: 80px; } } /* 登录后文字变红 */ .rigiHead .red { color: #e60213; font-weight: 700; } /* 添加语言切换部分 */ .languageSel { width: 17%; margin-right: 2%; height: 100%; font-size: 16px; float: right; color: #a7a7a7; text-align: center; position: relative; } .languageList { width: 100%; height: 80px; background: #fff; display: none; position: absolute; left: 0; top: 100%; } .languageBox { width: 100%; height: 100%; } .languageBox span { display: block; height: 100%; line-height: 45px; text-align: left; padding-left: 10px; } .languageBox img { width: 10px; position: absolute; top: 21px; right: 6px; } .languageList li { width: 100%; height: 40px; text-align: center; font-size: 16px; line-height: 40px; } .languageList li { border-top: 1px solid #eaeaea; } .languageList li a { color: #a7a7a7; } @media screen and (max-width:375px) { .languageBox span { line-height: 40px; } .languageBox img { top: 18px; } } /* 回到顶部添加 */ .gotoTopBtn { width: 50px; height: 50px; position: fixed; bottom: 40px; right: 30px; display: none; z-index: 999; } .gotoTopBtn>img { display: block; width: 100%; cursor: pointer; } @media screen and (max-width:768px) { .gotoTopBtn { width: 40px; height: 40px; bottom: 20px; right: 16px; } /* 添加排版问题修改 */ .stat-col-6 .stat-tabs li { width: 33.33%; } .service-wrap .tab-content .jt-ul { width: 100%; padding: 0; } } /* 2018-3-19 删除无banner页面顶部高度 http://www.h3c.com/cn/Partner/Business___SMB_Area/Products_Introduction/Switches/*/ @media screen and (max-width:768px) { .container-fluid.testbanner1 { padding-top: 0 !important; height: 0px; min-height: 0px; } } /*右侧咨询*/ .righthelp { position: fixed; z-index: 1000; height: 200px; width: 282px; top: 160px; right: -240px; } .righthelp .tabhelp { background: #404143; width: 42px; height: 100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; cursor: pointer; position: absolute; top: 0; left: 0; } .righthelp .tabhelp img { margin-top: 32px; margin-left: 7px; } .righthelp .pophelp { border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 240px; height: 100%; background: #fff; padding: 20px; position: absolute; top: 0; left: 42px; } .righthelp .pophelp .lih1 { font-size: 18px; font-weight: bold; color: #3e3e3e; } .righthelp .pophelp .lih2 { font-size: 14px; color: #3e3e3e; padding: 5px 0; } .righthelp .pophelp .lirow { font-size: 14px; line-height: 24px; padding: 3px 0; overflow: hidden; } .righthelp .pophelp .lirow img { width: 29px; margin-right: 10px; float: left; } .righthelp .pophelp .lirow a { font-size: 14px; line-height: 24px; } .righthelp .pophelp .lirow span { font-size: 14px; line-height: 24px; color: #3e3e3e; } .righthelp .pophelp .lirow p { float: left; width: 150px; } .righthelp .pophelp .liline { width: 100%; height: 1px; background: #d1d1d1; margin: 5px 0 8px; overflow: hidden; } .product-about-t { text-align: center; color: #323232; font-size: 24px; } /*咨询文字样式*/ .blueA a { color: #248fd1 !important; text-decoration: none !important; } .blueA a:hover { color: #248fd1 !important; text-decoration: none !important; } /* 2018.02.09 添加页面样式_bylxc */ .com-select400 { display: block; width: 400px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; } .com-select600 { display: block; width: 600px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; } .com-inputbox400 { display: block; width: 400px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; } .com-inputbox600 { display: block; width: 600px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; } .com-lblTitle { display: block; width: 130px; height: 36px; line-height: 36px; float: left; text-align: right; font-size: 14px; color: #666666; margin-right: 5px; } @media screen and (max-width:768px) { .com-select400 { width: 100%; margin-right: 100px; float: none; } .com-select600 { width: 100%; margin-right: 100px; float: none; } .com-inputbox400 { width: 100%; float: none; } .com-inputbox600 { width: 100%; float: none; } .com-lblTitle { width: 100%; float: none; padding-left: 0; font-size: 37.5%; text-align: left; } } .wendangc #documentVedio { margin-left: 31.5pt; } /* 品牌理念修改 */ .hz-g-container ul { list-style: none; } .hz-g-container .idea-banner-i { position: relative; width: 100%; height: 500px; overflow: hidden; margin-top: 100px; background: url(idea_files/images/hz-08-idea-banner.png)\9; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); } .hz-g-container #idea-banner-video { width: 100%; display: none\9; } .hz-g-container .idea-player-btn-i { position: absolute; left: 50%; margin-left: -35px; margin-top: -35px; top: 50%; width: 70px; height: 70px; cursor: pointer; } .hz-g-container .idea-player-btn-i img { width: 100%; } .hz-g-container .show-pc { display: block; } .hz-g-container .show-phone { display: none; } .hz-g-container .idea-page1-box { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } .hz-g-container .idea-page-left-box { width: 41.8%; float: left; overflow: hidden; position: relative; } .hz-g-container .idea-page1-img { position: relative; width: 100%; overflow: hidden; } .hz-g-container .idea-page1-img li { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transition: 0.8s; } .hz-g-container .idea-page1-img li img { width: 100%; } .hz-g-container .idea-page1-img li.active { position: relative; z-index: 100; opacity: 1; } .hz-g-container .idea-p1-pic .swiper-slide { opacity: 0; position: absolute; left: 0; top: 0; display: none\9; transition: 0.5s; } .idea-box-img img { width: 100%; } .hz-g-container .idea-p1-pic .swiper-slide.active { position: relative; opacity: 1; display: block\9; transition: 0.5s; } .hz-g-container .idea-p1-pic .swiper-slide .hz-g-container .idea-page1-s-img { width: 100%; overflow: hidden; margin: 6px auto 0; } .hz-g-container .idea-page1-s-img li { width: 10.4%; float: left; margin-left: 0.8%; opacity: 0.6; filter: alpha(opacity=60); } .hz-g-container .idea-page1-s-img li.active { opacity: 1; filter: alpha(opacity=100); } .hz-g-container .idea-page1-s-img li:first-child { margin-left: 0; } .hz-g-container .idea-page1-s-img img { width: 100%; } .hz-g-container .idea-p1-arrowl { position: absolute; left: 0; top: 35%; width: 7.2%; z-index: 999; cursor: pointer; } .hz-g-container .idea-p1-arrowr { position: absolute; right: 0; top: 35%; width: 7.2%; z-index: 999; cursor: pointer; } .hz-g-container .idea-p1-arrowl img, .hz-g-container .idea-p1-arrowr img { width: 100%; } .hz-g-container .idea-page-right-box { width: 46%; float: right; overflow: hidden; } .hz-g-container .idea-page1-title { width: 100%; font-size: 30px; color: #000; margin-top: 10.5%; } .hz-g-container .idea-page1-txt { width: 92%; font-size: 14px; color: #4D4D4D; line-height: 1.8em; padding: 4% 5%; background: #F2F2F2; margin-top: 25px; border-top: 3px solid #E70000; } .hz-g-container .idea-main { width: 1200px; margin: 0 auto; } .hz-g-container .idea-container-i { width: 100%; margin: 0 auto; } .hz-g-container .idea-img { display: block; width: 1200px; margin: 0 auto; } .hz-g-container .idea-img img { width: 100%; } .hz-g-container .idea-p1 { width: 50%; position: absolute; right: 13%; top: 20%; font-size: 24px; color: #000; line-height: 36px; z-index: 200; text-align: center; } .hz-g-container .idea-list { width: 1200px; height: 430px; margin: 60px auto 0px; position: relative; } .hz-g-container .idea-cont { width: 19.8%; height: 360px; border: 1px solid #e0e0e0; position: absolute; left: 0; top: 0; background: #fff; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-0 { width: 25%; width: 25%\9 !important; height: 465px; box-shadow: #ddd 3px 3px 15px 3px; border: 1px solid #e0e0e0; position: absolute; top: -42px; left: -30px; z-index: 100; background: #fff; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-1 { left: 19.8%; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-0.idea-cont-1 { left: 17%; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-2 { position: absolute; left: 39.6%; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-0.idea-cont-2 { left: 37%; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-3 { position: absolute; left: 59.4%; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-0.idea-cont-3 { left: 56.8%; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-4 { position: absolute; left: 79.2%; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-0.idea-cont-4 { right: -30px; left: auto; } .hz-g-container .idea-part { width: 100%; margin-top: 100px; } .hz-g-container .idea-part-1 { width: 100%; margin-top: -35px; } .hz-g-container .idea-icon { width: 58px; margin: 0 auto; margin-top: 34.3%; } .idea-w-1200 { width: 1200px; margin: 0; } .hz-g-container .idea-icon img { width: 100%; } .hz-g-container .idea-tit { margin: 0 auto; width: 100%; font-size: 22px; color: #4C4C4C; margin-top: 5%; text-align: center; } .hz-g-container .idea-tit-1 { color: #000; margin: 0 auto; width: 100%; font-size: 22px; margin-top: 5%; text-align: center; } .hz-g-container .idea-line { height: 4px; width: 40px; background: #ccc; margin: 0 auto; margin-top: 5%; } .hz-g-container .idea-line-1 { background: #e80000; height: 4px; width: 40px; margin: 0 auto; margin-top: 5%; } .hz-g-container .idea-txt { width: 67%; font-size: 14px; color: #4C4C4C; display: none; margin: 0 auto; margin-top: 20px; } .hz-g-container .idea-txt-1 { display: block; width: 84%; font-size: 14px; color: #4C4C4C; margin: 0 auto; margin-top: 20px; line-height: 1.7em; } .hz-g-container .idea-p4 { width: 100%; background-color: #f2f2f2; } .hz-g-container .idea-p4-box { width: 1200px; margin: 0 auto 60px; } .hz-g-container .SenRespon.idea-show { display: block !important; } .hz-g-container .idea-p4-title { padding-left: 18px; border-left: 5px solid #E70000; font-size: 32px; color: #000000; margin: 0 auto 30px; line-height: 1.2em; } .hz-g-container .idea-p4-txt { width: 97%; font-size: 14px; color: #4c4c4c; padding-left: 23px; margin-bottom: 30px; line-height: 1.6em; } .hz-g-container .idea-p4-t2.t1 { width: 27%; } .hz-g-container .idea-p4-t2.t2 { width: 43%; } .hz-g-container .idea-p4-t2.t1 span { letter-spacing: -0.7px; } .hz-g-container .idea-p4-t2.t3 { width: 55%; } .hz-g-container .idea-p4-t2.t4 { width: 75%; } .hz-g-container .idea-p4-t2.t5 { width: 85%; } .hz-g-container .idea-p4-t2.t5 span { letter-spacing: -0.8px; } .hz-g-container .idea-p4-b { width: 100%; overflow: hidden; position: relative; } .hz-g-container .idea-p4-pic { width: 79.1%; margin-right: 4.7%; float: left; position: relative; } .hz-g-container .idea-p4-img { width: 100%; display: none; } .hz-g-container .idea-p4-t { width: 100%; position: absolute; top: 14.3%; left: 7%; } .hz-g-container .idea-p4-t.t1 { left: 5%; } .hz-g-container .idea-p4-t1 { font-size: 26px; color: #000; } .hz-g-container .idea-player-btn-ii { position: absolute; left: 50%; margin-left: -35px; margin-top: -35px; top: 50%; width: 70px; height: 70px; cursor: pointer; } .hz-g-container .idea-player-btn-ii img { width: 100%; } .hz-g-container .idea-p4-img-web img { width: 100%; } .hz-g-container .idea-p4-t2 { width: 22.3%; font-size: 14px; color: #323232; margin-top: 2.8%; line-height: 1.7em; } .hz-g-container .idea-p4-ver { width: 2px; background-color: #e0e0e0; height: 500px; margin-left: 84.8%; } .hz-g-container .idea-p4-ul { width: 16.1%; float: right; position: absolute; top: 1%; left: 83.9%; } .hz-g-container .idea-p4-li { width: 100%; font-size: 16px; line-height: 80px; color: #4c4c4c; } .hz-g-container .active { color: #e70000; } .hz-g-container .idea-p4-img1 { width: 13.3%; display: inline-block; margin-right: 18px; vertical-align: middle; } .hz-g-container .idea-p4-img2 { display: none; width: 13.3%; margin-right: 18px; vertical-align: middle; } .hz-g-container .idea-p5 { width: 100%; height: 320px; } .hz-g-container .idea-p5-box { width: 1200px; margin: 0 auto; position: relative; } .hz-g-container .idea-p5-book { width: 100%; } .hz-g-container .idea-p5-txt { width: 56.9%; position: absolute; top: 15.9%; left: 40.5%; } .hz-g-container .idea-p5-title { font-size: 22px; color: #000; } .hz-g-container .idea-p5-t1 { font-size: 14px; color: #4c4c4c; margin-top: 3.8%; margin-bottom: 3.4%; line-height: 1.5em; } .hz-g-container .idea-p5-button { width: 23.3%; cursor: pointer; } .hz-g-container .idea-btn1 { display: block; } .hz-g-container .idea-btn2 { display: none; } /*视频弹框*/ .hz-g-container .idea-video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; } .hz-g-container .idea-video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); } .hz-g-container .idea-abc { width: 800px; float: left; } .hz-g-container .idea-video-c { position: absolute; left: 50%; top: 20%; margin-left: -425px; z-index: 900; width: 850px; } .hz-g-container .idea-videowin { width: 800px; float: left; } .hz-g-container .idea-close { width: 20px; float: right; cursor: pointer; } .hz-g-container .idea-close img { width: 100%; } .hz-g-container .swiper-container1 { width: 100%; margin-top: 4%; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .hz-g-container .swiper-container3 .swiper-slide { display: none; } .hz-g-container .swiper-container3 .swiper-slide.active { display: block; } .hz-g-container .swiper-container2 { width: 100%; height: 500px; overflow: visible; margin-top: 70px; } .hz-g-container .swiper-container2 .swiper-wrapper { width: 100% !important; overflow: visible\9 !important; } .hz-g-container .swiper-container2 .swiper-slide { width: 19.8%; width: 19.8%\9 !important; height: 360px; } .hz-g-container #idea-cloud-video-1 { display: none; } .SenRespon.hz-g-bg { padding-top: 0 !important; } .hz-g-container .idea-wrap { position: relative; width: 1200px; margin: 0 auto; } @media(max-width:1600px) { .hz-g-container .idea-banner-i { height: 350px; } } @media(max-width:1400px) { .hz-g-container .idea-banner-i { height: 300px; } .hz-g-container .idea-video-c { top: 5%; } .hz-g-container .idea-wrap { position: relative; width: 1200px; margin: 0 auto; } } @media(max-width:1024px) { .hz-g-container .idea-main { width: 960px; } .hz-g-container .idea-wrap { position: relative; width: 960px; margin: 0 auto; } .idea-w-1200 { width: 960px; margin: 0 auto; } } @media (max-width:768px) { .hz-g-container .idea-p4-t.t1 { left: 0; } .SenRespon.hz-g-bg { display: block !important; } .idea-w-1200 { width: 100%; } .hz-g-container .show-pc { display: none !important; } .hz-g-container .show-phone { display: block; } .hz-g-container .banner-a { position: relative; width: 100%; } .hz-g-container .banner-a img { width: 100%; } .hz-g-container .idea-player-btn-i { position: absolute; left: 50%; top: 54%; margin-left: -5.5%; width: 11%; height: auto; cursor: pointer; } .hz-g-container .idea-player-btn-i.idea-player-btn-ii { top: 26%; } .hz-g-container .idea-wrap { position: relative; width: 100%; margin: 0 auto; } .hz-g-container .idea-p4-t { position: relative; width: 100%; background-color: #fff; left: 0; top: 0; overflow: hidden; margin-top: -3%; padding: 4% 0 5%; box-shadow: 0px 0 5px #888888; } .hz-g-container .idea-p4-t1 { width: 85% !important; margin: 0 auto; font-size: 4.2vw; } .hz-g-container .idea-p4-t1.t1 { margin-top: 7.5%; } .hz-g-container .idea-p4-t1.t2 { margin-top: 3%; } .hz-g-container .idea-p4-t2 { width: 85% !important; margin: 3% auto 0; font-size: 2.8vw; } .hz-g-container .idea-box-img { width: 93.5%; margin: 4% auto 0; } .hz-g-container .idea-box-img img { width: 100%; } .hz-g-container .swiper-container3 .swiper-slide { display: block; } .hz-g-container .swiper-container3 { width: 100%; margin-top: 3%; } .hz-g-container .idea-p4-pic { width: 100%; } .hz-g-container .idea-page-right-box { width: 46%; float: none; overflow: hidden; } .hz-g-container .idea-wrap-1 { width: 93.5%; margin: 0 auto; } .hz-g-container .idea-page-right-box { width: 100%; float: none; overflow: hidden; } .hz-g-container .idea-page1-txt { margin: 3% auto 0; } .hz-g-container .idea-page1-title { width: 100%; font-size: 3.9vw; color: #000; margin: 3% auto 0; text-align: center; } .hz-g-container .idea-main { width: 100%; } .hz-g-container .swiper-pagination_idea1 { position: relative !important; margin: -7% auto 0 !important; } .hz-g-container .idea-page1-txt { width: 90%; font-size: 3.1vw; color: #4D4D4D; line-height: 1.8em; padding: 4% 5%; background: #F2F2F2; margin-top: 4%; border-top: 3px solid #E70000; } .hz-g-container .idea-p1 { width: 93.5%; font-size: 3.1vw; color: #000; line-height: 1.8em; text-align: center; background: #f2f2f2; padding: 3% 0; position: relative; left: 0; top: 0; margin: 0 auto; } .hz-g-container .idea-img { width: 93.5%; margin-top: 4%; } .hz-g-container .idea-list { width: 93.5%; height: auto; margin: 4% auto 0px; position: relative; } .hz-g-container .idea-cont-00 { width: 100%; box-shadow: #ddd 3px 1px 5px 1px; border: 1px solid #e0e0e0; background: #fff; } .hz-g-container .idea-part-1 { width: 100%; margin-top: -35px; } .hz-g-container .idea-icon { width: 11%; margin: 0 auto; margin-top: 15%; } .hz-g-container .idea-icon img { width: 100%; } .hz-g-container .idea-tit-1 { color: #000; margin: 0 auto; width: 100%; font-size: 4.1vw; margin-top: 2%; text-align: center; } .hz-g-container .idea-line-1 { background: #e80000; height: 4px; width: 10%; margin: 0 auto; margin-top: 3%; } .hz-g-container .idea-txt-1 { display: block; width: 75%; font-size: 2.86vw; color: #000; margin: 0 auto; margin-top: 2%; text-align: left; line-height: 1.7em; margin-bottom: 5%; } .hz-g-container .swiper-pagination_idea2 { text-align: center; margin-top: -3%; margin-bottom: 2%; } .hz-g-container .idea-p4-box { width: 100%; } .hz-g-container .idea-p4-title { font-size: 5.2vw; margin: 4% auto 0; text-align: center; border-left: none; padding-left: 0; } .hz-g-container .idea-p4-line { width: 7%; height: 5px; background-color: #e70000; margin: 0 auto; margin-top: 1.8%; margin-bottom: 2.7%; } .hz-g-container .idea-p4-txt { width: 93.5%; font-size: 2.86vw; color: #000; margin: 0 auto; padding-left: 0; } .hz-g-container .idea-p4-img-web img { width: 100%; } .hz-g-container .idea-p4-b-web { width: 93.5%; margin: 3% auto 0; display: block; overflow: hidden; } .hz-g-container .idea-p4-a-web { width: 98%; margin: 0 auto; } .hz-g-container .idea-p4-img-web { width: 100%; } .hz-g-container .idea-p4-t-web { width: 100%; background-color: #fff; box-shadow: 0 0 5px #888888; margin-top: -3%; } .hz-g-container .idea-p4-t1-web { width: 84.9%; font-size: 4.17vw; color: #000; text-align: left; margin: 0 auto; padding-top: 5.8%; margin-bottom: 4.1%; } .hz-g-container .idea-p4-t2-web { width: 84.9%; font-size: 2.86vw; color: #000; margin: 0 auto; text-align: left; padding-bottom: 5.2%; line-height: 1.7em; } .hz-g-container .pagination3_idea3 { text-align: center; } .hz-g-container .idea-p4-box { margin-bottom: 3%; } .hz-g-container .idea-p5 { width: 100%; height: auto; margin-bottom: 20px; } .hz-g-container .idea-p5-box { width: 100%; position: relative; } .hz-g-container .idea-p5-book { width: 100%; margin-top: 3%; } .hz-g-container .idea-p5-book1 { display: none; } .hz-g-container .idea-p5-book2 { display: inline-block; } .hz-g-container .idea-p5-txt { position: relative; width: 100%; top: 0%; left: 0%; padding: 3% 0; } .hz-g-container .idea-p5-title { width: 100%; font-size: 4.17vw; text-align: center; } .hz-g-container .idea-p5-t1 { font-size: 2.86vw; color: #000; line-height: 1.8em; } .hz-g-container .idea-p5-button { width: 30.4%; margin: 0 auto; } .hz-g-container .idea-p5-box img { width: 100%; } .hz-g-container .idea-video-c { left: 0; margin-left: 0; width: 100%; top: 30%; overflow: visible; } .hz-g-container #idea-cloud-video, #idea-cloud-video-1 { width: 90%; margin: 0 auto; z-index: 1000; } .hz-g-container #idea-cloud-video-1 { margin-left: 5% !important; } .hz-g-container .idea-close { position: absolute; top: -13%; right: 3%; float: none; width: 5%; } .hz-g-container .idea-btn1 { display: block; padding-top: 10%; } .hz-g-container .idea-btn2 { display: none; padding-top: 10%; } .swiper-pagination-bullet { margin: 0 5px !important; } .hz-g-container .idea-page-left-box { width: 100%; } .hz-g-container .idea-p1-pic .swiper-slide { opacity: 1; position: relative; left: 0; top: 0; } .idea-box-img img { width: 100%; } .hz-g-container .idea-p1-pic .swiper-slide.active { opacity: 1; } .hz-g-container .swiper-container2 .swiper-slide { height: auto; } .hz-g-container .idea-txt { display: block; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont { position: relative; left: 0 !important; top: 0 !important; } .hz-g-container .idea-part { margin-top: 0; } .hz-g-container .idea-icon { margin-top: 5% } .idea-w-1200 { height: auto; } .hz-g-container .swiper-container2 { height: auto; width: 100%; margin: 3% auto 0; overflow: hidden; } .hz-g-container .idea-tit { font-size: 4.1vw; margin-top: 2%; } .hz-g-container .idea-txt { font-size: 2.9vw; line-height: 1.7em; margin-top: 2%; } .hz-g-container .idea-line { margin-top: 3%; background-color: #e80000; } .hz-g-container .swiper-container2 .swiper-slide { box-shadow: #ddd 3px 1px 5px 1px; } .hz-g-container .swiper-container2 .swiper-slide.idea-cont-0 { height: auto; box-shadow: #ddd 0px 1px 8px; } .hz-g-container .idea-txt { width: 74%; padding-bottom: 6%; } } #Operational .OperationalTabPCContent { display: none; } #Operational .OperationalTabMBContent { display: none; } @media screen and (max-width:768px) { #Operational .OperationalTabMBContent { display: none; } #Operational .OperationalTabMBContent.active { display: block; } #Operational .OperationalTabBodyMB_4 { margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; } } /*partner-default*/ .hz-10-def-contianer .columWrapBox img { display: inline; } .hz-10-def-contianer .columWrapBox a:hover { color: #e60012 !important; } .hz-10-def-contianer { width: 100%; } /*banner*/ .hz-10-def-contianer .partnerclass-banner { position: relative; font-size: 20px; min-width: 320px; margin-top: 100px; } .hz-10-def-contianer .partnerclass-bannerWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0 auto; } .hz-10-def-contianer .swiper-slide.s1 { margin-right: 0; } .hz-10-def-contianer .partnerclass-bannerWrapBox { width: 1200px; min-width: 320px; height: 100%; margin: 0 auto; position: relative; } /* 公用包围容器结束 */ /* 产品与技术banner大图开始 */ .hz-10-def-contianer .partnerBanner { width: 100%; position: relative; overflow: hidden; } .hz-10-def-contianer .partnerBannerImg { display: block; width: 100% !important; } .hz-10-def-contianer .training_courseListpic { display: none; width: 100%; } .hz-10-def-contianer .swiper-container-hz10 { position: relative; width: 205%; height: 422px; overflow: visible; } .hz-10-def-contianer .swiper-container-hz10 .swiper-slide { width: 15.45%; margin-right: 1.15%; float: left; } /* 产品与技术banner大图结束 */ /* 产品与技术banner文字开始 */ .hz-10-def-contianer .partnerBannerText { width: 700px; position: absolute; top: 30.5%; left: 0; color: #323232; font-size: 46px; } .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { height: 42%; line-height: 100%; font-size: 100%; margin-bottom: 3.5%; } .hz-10-def-contianer .partnerBannerText .partnerBannerGroup { display: block; font-size: 16px; line-height: 1.6; width: 110%; } .banner { width: 100%; height: auto; position: relative; } /*课程推荐*/ .hz-10-def-contianer .par-jc-video { width: 99.7%; height: 375px; margin: 0 auto; } .hz-10-def-contianer .par-jc-video li { width: 100%; float: left; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); margin-left: 2.5%; margin-bottom: 30px; cursor: pointer; } .hz-10-def-contianer .par-jc-video li:first-child { margin-left: 0; } .hz-10-def-contianer .par-jc-video li img { width: 100%; } .hz-10-def-contianer .par-jc-tbox { width: 100%; height: 180px; padding: 15px; background-color: #fff; } .hz-10-def-contianer .par-jc-title { width: 90%; margin: 0 auto; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hz-10-def-contianer .par-jc-txt { width: 91%; height: auto; margin: 0 auto; margin-top: 3%; font-size: 14px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .hz-10-def-contianer .par-jc-xx { width: 90%; margin: 4% auto 0; overflow: hidden; } .hz-10-def-contianer .par-jc-date { float: left; width: 50%; font-size: 14px; color: #575757; } .hz-10-def-contianer .par-jc-time { float: left; width: 50%; font-size: 14px; color: #575757; text-align: right; } .hz-10-def-contianer .par-jc-v-box { position: relative; width: 100%; } .hz-10-def-contianer .par-jc-v-box img { width: 100%; } .hz-10-def-contianer .par-jc-v-btn { position: absolute; left: 42.1%; top: 36%; width: 14%; } .hz-10-def-contianer .par-jc-v-btn img { width: 100%; } /*培训课程*/ .hz-10-def-contianer .partnerclass-box-list { width: 1232px; margin: 0 auto; position: relative; overflow: hidden; padding-left: 16px; } .hz-10-def-contianer .partnerclass-box-list-1 { padding-top: 0px; } .hz-10-def-contianer .partnerclass-tit { font-size: 32px; line-height: 21px; border-left: 5px #e60012 solid; color: #333; font-weight: 500; padding: 2px 0 6px 16px; margin: 40px 0; } .hz-10-def-contianer .training_course { overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto; min-width: 320px; } .hz-10-def-contianer .training_course_item { width: 100%; display: inline-block; margin-bottom: 50px; } .hz-10-def-contianer .become_partners .containerH3 { margin-top: 30px; } .hz-10-def-contianer .training_courseList { width: 32%; float: left; text-align: center; margin-left: 2%; } .hz-10-def-contianer .training_courseList:hover h3 { color: #e60123; } .hz-10-def-contianer .training_courseList:hover { background-color: #f9f9f9; } .hz-10-def-contianer .training_courseListImg, .hz-10-def-contianer .training_courseListpic { width: 100%; text-align: center; display: block; margin-top: 6.5%; } .hz-10-def-contianer .training_courseListpic { display: none; } .hz-10-def-contianer .training_courseListImg img { display: inline-block; margin: 0 auto; width: 12.8%; } .hz-10-def-contianer .training_courseListpic img { display: inline-block; margin: 0 auto; width: 12.8%; } .hz-10-def-contianer .training_courseList h3 { font-weight: 400; font-size: 22px; color: #000; padding-top: 5px; line-height: 22px; padding: 20px 0 20px; } .hz-10-def-contianer .training_courseList p { color: #575757; padding: 0 35px; font-size: 14px; line-height: 22px;text-align: left; } .hz-10-def-contianer .training_course_item a:first-child .training_courseList { margin-left: 0; } .hz-10-def-contianer .training_courseList.active .training_courseListImg { display: none; } .hz-10-def-contianer .training_courseList.active .training_courseListpic { display: block; } .hz-10-def-contianer .partner-arrow-l { width: 28px; position: absolute; top: 8%; right: 0; cursor: pointer; } .hz-10-def-contianer .partner-arrow-l img { width: 100%; } .hz-10-def-contianer .partner-arrow-r { width: 28px; position: absolute; top: 8%; right: 3.2%; cursor: pointer; } .hz-10-def-contianer .partner-arrow-r img { width: 100%; } .hz-10-def-contianer .show-phone { display: none; } .hz-10-def-contianer .show-pc { display: block; } .hz-10-def-contianer .video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; } .hz-10-def-contianer .video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); } .hz-10-def-contianer .video-c { position: absolute; left: 50%; top: 20%; margin-left: -400px; z-index: 900; width: 800px; } .hz-10-def-contianer .videowin { width: 800px; float: left; } .hz-10-def-contianer .close { position: absolute; top: -7%; right: 0; width: 30px; cursor: pointer; } .hz-10-def-contianer .close img { width: 100%; } .hz-10-def-contianer .par-jc-video li a { color: #333; } @media(max-width:1200px) { .hz-10-def-contianer .partnerclass-box-list { width: 100%; margin: 0 auto; } .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { font-size: 85%; } .hz-10-def-contianer .partnerBannerText { position: absolute; top: 30.5%; left: 2.6%; color: #323232; font-size: 46px; } .hz-10-def-contianer .swiper-container { height: 300px; } .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { margin-bottom: 2.5%; } } @media(max-width:768px) { .hz-10-def-contianer .swiper-container-hz10 { width: 100%; height: auto; margin: 0 auto; } .hz-10-def-contianer .swiper-container-hz10 .swiper-slide { float: none; margin-right: 0; } .hz-10-def-contianer .par-jc-video li { width: 95% !important; margin: 0 auto; } .hz-10-def-contianer .partnerclass-banner { padding-top: 0; margin-top: 0; } .hz-10-def-contianer .show-pc { display: none; } .hz-10-def-contianer .show-phone { display: block; } .hz-10-def-contianer .partnerclass-bannerWrapBox { width: 100%; } .hz-10-def-contianer .partnerBannerImg { width: 100%; } .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { height: 0%; font-size: 7.8vw; text-align: center; } .hz-10-def-contianer .partnerBannerText .partnerBannerGroup { font-size: 3.1vw; width: 100%; margin: 0 auto; margin-top: 6%; text-align: center; } .hz-10-def-contianer .partnerBannerText { width: 90%; position: absolute; top: 15%; left: 50%; margin-left: -45%; } .hz-10-def-contianer .partnerclass-tit { line-height: 1.1em; font-size: 6.2vw; text-align: center; margin-bottom: 0%; border-left: none; padding-left: 0; color: #3c3c3c; margin-top: 2%; } .hz-10-def-contianer .line-2 { width: 8%; height: 3px; background-color: #e60012; margin: 1% auto 0; } .hz-10-def-contianer .partnerclass-box-list { width: 100%; margin: 0 auto; padding-top: 3%; padding-bottom: 5%; padding-left: 0; } .hz-10-def-contianer .partnerclass-box-list-1 { width: 100%; background: #f2f2f2; } .hz-10-def-contianer .training_course_box { width: 100%; margin-bottom: -13%; } .hz-10-def-contianer .training_course_item { width: 95%; margin-left: 2.5%; } .hz-10-def-contianer .training_courseList { width: 100%; margin: 0 auto; padding-top: 3%; margin-top: 4%; float: none; background: #fff; padding-bottom: 23%; } .hz-10-def-contianer .training_courseList:hover { background-color: #fff; } .hz-10-def-contianer .training_courseListImg img { display: inline-block; margin: 0 auto; width: 12.8%; } .hz-10-def-contianer .training_courseList h3 { font-weight: 400; font-size: 5.2vw; color: #000; padding-top: 5px; line-height: 1.7em; padding: 20px 0 20px; } .hz-10-def-contianer .training_courseList p { color: #575757; padding: 0 35px; font-size: 3.8vw; line-height: 1.5; } .hz-10-def-contianer .training_courseList:hover h3 { color: #000; } .hz-10-def-contianer .par-jc-video { width: 100%; height: auto; margin: 3% auto 0; } .hz-10-def-contianer .par-jc-video li { width: 100%; float: none; margin: 0% auto 3% !important; margin-bottom: 2%; background: none; } .hz-10-def-contianer .par-jc-title { font-size: 34px; } .hz-10-def-contianer .par-jc-tbox { height: auto; padding: 3% 0; } .hz-10-def-contianer .par-jc-date { font-size: 24px; } .hz-10-def-contianer .par-jc-time { font-size: 24px; } .hz-10-def-contianer .par-jc-xx { margin-top: 2%; } .hz-10-def-contianer .par-jc-box { position: fixed; left: -120%; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 10; } .hz-10-def-contianer .par-jc-box li { width: 30.4%; float: none; height: auto; background-color: #ffffff; margin-top: 0; border-bottom: 1px solid #d9d9d9; overflow: hidden; } .hz-10-def-contianer .par-jc-s img { width: 13.2%; margin-left: 13% !important; } .hz-10-def-contianer .par-jc-t { font-size: 24px; } .hz-10-def-contianer .par-jc-s { position: relative; top: 50%; } .hz-10-def-contianer .par-w-menu { position: absolute; left: 3%; top: 0%; width: 6.7%; } .hz-10-def-contianer .par-w-menu img { width: 100%; } .hz-10-def-contianer .par-jc-box { box-shadow: none; } .hz-10-def-contianer .video-box, .hz-10-def-contianer .video-c { width: 100%; left: 0; margin-left: 0; } .hz-10-def-contianer #cloud-video-2 { width: 95%; margin: 0 0 0 2.5%; } .hz-10-def-contianer .close { right: 2.5%; top: -8%; } .hz-10-def-contianer .pagination { text-align: center; } } @media(max-width:640px) { .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { font-size: 9.3vw; } .hz-10-def-contianer .partnerBannerText .partnerBannerGroup { font-size: 3.75vw; } .hz-10-def-contianer .training_courseList { width: 100%; margin: 0 auto; padding-top: 3%; margin-top: 4%; float: none; background: #fff; padding-bottom: 0%; } .hz-10-def-contianer .training_courseList h3 { font-weight: 400; font-size: 5.2vw; color: #000; padding-top: 5px; line-height: 1.7em; padding: 2% 0; } .hz-10-def-contianer .line-w { margin-top: 3%; } .hz-10-def-contianer .par-jc-title { font-size: 4.8vw; } .hz-10-def-contianer .par-jc-txt { font-size: 3.8vw; line-height: 1.5; height: auto; } .hz-10-def-contianer .par-jc-date, .hz-10-def-contianer .par-jc-time, .hz-10-def-contianer .par-jc-t { font-size: 3.2vw; } .hz-10-def-contianer .par-jc-t { line-height: 1.1em; } .hz-10-def-contianer .close { width: 20px; margin-top: -3%; } } /*partner-basis*/ .hz-10-bas-container .columWrapBox img { display: inline; } .hz-10-bas-container .columWrapBox a:hover { color: #e60012 !important; } .hz-10-bas-container { width: 100%; overflow: hidden; } .hz-10-bas-container .p-main { width: 1232px; margin: 0 auto; padding-left: 16px; margin-top: 30px; } .hz-10-bas-container .p-main h2 { font-size: 32px; line-height: 21px; border-left: 5px #e60012 solid; color: #333; font-weight: 500; padding: 2px 0 6px 16px; margin: 40px 0; } .hz-10-bas-container .par-jc-box { width: 100%; height: 58px; margin: 0 auto; border-bottom: 1px solid #e70000; box-shadow: 2px 2px 8px 3px rgba(0, 0, 0, 0.1); } .hz-10-bas-container .par-jc-box li { height: 100%; float: left; text-align: center; cursor: pointer; } .hz-10-bas-container .par-jc-box li.active { background-color: #e70000; } .hz-10-bas-container .par-jc-box li.active .par-jc-t { color: #fff; } .hz-10-bas-container .par-jc-box li.active .par-jc-s { border-left: 1px solid #e70000; } .hz-10-bas-container .par-jc-box li.active+li .par-jc-s { border-left: 1px solid #fff; } .hz-10-bas-container .par-jc-box li.active .par-jc-ic1 { display: none; } .hz-10-bas-container .par-jc-box li.active .par-jc-ic2 { display: block; } .hz-10-bas-container .par-jc-box li:first-child .par-jc-s { border-left: none; } .hz-10-bas-container .par-jc-ic2 { display: none; } .hz-10-bas-container .par-jc-s img { width: 20px; float: left; } .hz-10-bas-container .par-jc-s.s1 img { margin-left: 10%; } .hz-10-bas-container .par-jc-s.s2 img { margin-left: 14%; } .hz-10-bas-container .par-jc-t { font-size: 16px; color: #333; line-height: 1em; float: left; text-indent: 0.5em; } .hz-10-bas-container .par-jc-s { overflow: hidden; border-left: 1px solid #d9d9d9; margin-top: 20px; float: left; } .hz-10-bas-container .par-jc-s.last { border-right: none; } .hz-10-bas-container .par-jc-video { width: 100%; margin: 30px auto 0; display: none; clear: both; } .hz-10-bas-container .par-jc-video::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .hz-10-bas-container .par-jc-video.active { display: block; } .hz-10-bas-container .par-jc-video li { width: 31.66%; float: left; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); margin-left: 2.5%; margin-bottom: 30px; cursor: pointer; } .hz-10-bas-container .par-jc-video li a { color: #333; } .hz-10-bas-container .par-jc-video li:first-child { margin-left: 0; } .hz-10-bas-container .par-jc-video li img { width: 100%; display: block; } .hz-10-bas-container .par-jc-tbox { width: 100%; height: 170px; padding: 0% 0%; background-color: #fff; } .hz-10-bas-container .par-jc-title { width: 90%; margin: 0 auto; font-size: 24px; padding-top: 3%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hz-10-bas-container .par-jc-txt { width: 90%; height: 5em; margin: 3% 5% 3% 5%; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 3; } .hz-10-bas-container .par-jc-xx { width: 90%; margin: 1% auto 0; overflow: hidden; } .hz-10-bas-container .par-jc-date { float: left; width: 50%; font-size: 14px; color: #575757; } .hz-10-bas-container .par-jc-time { float: left; width: 50%; font-size: 14px; color: #575757; text-align: right; } .hz-10-bas-container .par-jc-v-box { position: relative; width: 100%; } .hz-10-bas-container .par-jc-v-box img { width: 100%; } .hz-10-bas-container .par-jc-v-btn { position: absolute; left: 42.1%; top: 36%; width: 14%; } .hz-10-bas-container .par-jc-v-btn img { width: 100%; } .hz-10-bas-container .video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; /* display: none; */ } .hz-10-bas-container .video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); } .hz-10-bas-container .video-c { position: absolute; left: 50%; top: 20%; margin-left: -400px; z-index: 900; width: 800px; } .hz-10-bas-container .videowin { width: 800px; float: left; } .hz-10-bas-container .close { position: absolute; top: -7%; right: 0; width: 30px; cursor: pointer; } .hz-10-bas-container .close img { width: 100%; } .hz-10-bas-container .line-w { display: none; } .hz-10-bas-container .par-w-menu { display: none; } .hz-10-bas-container #cloud-video-2 { display: none; } /*视频弹框*/ .hz-10-bas-container .video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; } .hz-10-bas-container .video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); } .hz-10-bas-container .video-c { position: absolute; left: 50%; top: 20%; margin-left: -425px; z-index: 900; width: 850px; } .hz-10-bas-container .videowin { width: 925px; } .hz-10-bas-container .close { width: 20px; float: right; cursor: pointer; } .hz-10-bas-container .close img { width: 100%; } @media(max-width:1200px) { .hz-10-bas-container .p-main { width: 100%; } .hz-10-bas-container .par-jc-t { font-size: 12px; } .hz-10-bas-container .par-jc-box { height: 48px; } } @media(max-width:770px) { .hz-10-bas-container #cloud-video-2 { display: block; } .hz-10-bas-container .par-w-menu { display: block; } .hz-10-bas-container .abc { display: none; } .hz-10-bas-container .p-main { position: relative; width: 100%; margin-top: -20px; padding-left: 0; margin-bottom: 5%; } .hz-10-bas-container .p-main h2 { padding: 0; text-align: center; border-left: none; font-size: 30px; color: #3c3c3c; height: auto; margin-bottom: 0; } .hz-10-bas-container .line-w { display: block; width: 8%; height: 3px; background-color: #e60012; margin: 1.8% auto 0; } .hz-10-bas-container .par-jc-video { width: 100%; height: auto; margin: 3% auto 0; } .hz-10-bas-container .par-jc-video li { width: 95%; float: none; margin: 0% auto 3% !important; margin-bottom: 2%; background: none; } .hz-10-bas-container .par-jc-title { font-size: 34px; } .hz-10-bas-container .par-jc-tbox { height: auto; padding: 3% 0; } .hz-10-bas-container .par-jc-date { font-size: 24px; } .hz-10-bas-container .par-jc-time { font-size: 24px; } .hz-10-bas-container .par-jc-xx { margin-top: 2%; } .hz-10-bas-container .par-jc-box { position: fixed; left: -120%; top: 48px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 10; } .hz-10-bas-container .par-jc-box li { width: 30.4%; float: none; height: auto; background-color: #ffffff; margin-top: 0; border-bottom: 1px solid #d9d9d9; overflow: hidden; } .hz-10-bas-container .par-jc-s img { width: 16%; margin-left: 13% !important; } .hz-10-bas-container .par-jc-t { font-size: 24px; } .hz-10-bas-container .par-jc-s { position: relative; top: 48%; border-left: none; } .hz-10-bas-container .par-w-menu { position: absolute; left: 3%; top: 0%; width: 6.7%; } .hz-10-bas-container .par-w-menu img { width: 100%; } .hz-10-bas-container .par-jc-box { box-shadow: none; } .hz-10-bas-container .video-box, .hz-10-bas-container .video-c { width: 100%; left: 0; margin-left: 0; } .hz-10-bas-container #cloud-video-2 { width: 95%; margin: 0 0 0 2.5%; } .hz-10-bas-container .close { right: 2.5%; top: -8%; } } @media(max-width:640px) { .hz-10-bas-container .p-main h2 { font-size: 6.2vw; font-weight: 400; } .hz-10-bas-container .line-w { margin-top: 3%; } .hz-10-bas-container .par-jc-title { font-size: 4.8vw; } .hz-10-bas-container .par-jc-txt { font-size: 3.8vw; line-height: 1.5; height: auto; margin-top: 2%; } .hz-10-bas-container .par-jc-date, .hz-10-bas-container .par-jc-time, .hz-10-bas-container .par-jc-t { font-size: 3.6vw; } .hz-10-bas-container .par-jc-t { line-height: 1.1em; } .hz-10-bas-container .close { width: 20px; margin-top: -3%; } } /*partner-techical*/ .hz-partner-te-con .columWrapBox img { display: inline; } .hz-partner-te-con { width: 100%; margin-top: 40px; margin-bottom: 40px; } .hz-partner-te-con .te-box { width: 1200px; margin: 30px auto 0; } .hz-partner-te-con .te-col1 { width: 77.2%; position: relative; float: left; } .hz-partner-te-con .te-vbox { width: 100%; margin: 21px 0; } .hz-partner-te-con .te-v { width: 100%; } .hz-partner-te-con .te-v1 { width: 100%; position: absolute; left: 0; top: 0; z-index: 20; } .hz-partner-te-con .te-v1 img { width: 100%; cursor: pointer; } .hz-partner-te-con .te-player1 { width: 9%; position: absolute; top: 45.5%; left: 45.5%; cursor: pointer; } .hz-partner-te-con .te-player1 img { width: 100%; } .hz-partner-te-con .te-txt1 { width: 100%; overflow: hidden; box-shadow: 0 0 15px #eeeeee; } .hz-partner-te-con .te-title1 { width: 94%; font-size: 24px; color: #000; margin: 3% auto 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hz-partner-te-con .te-title-3 { width: 94%; height: auto; font-size: 14px; line-height: 24px; color: #000; margin: 2% auto 2% auto; } .hz-partner-te-con .te-time1 { width: 20%; float: left; font-size: 14px; color: #575757; margin-left: 3%; margin-bottom: 22px; } .hz-partner-te-con .te-time2 { width: 30%; float: right; font-size: 14px; color: #575757; margin-right: 3%; margin-bottom: 22px; text-align: right; } .hz-partner-te-con .te-title { font-size: 20px; padding-left: 18px; border-left: 5px solid #e70000; line-height: 1.1em; } .hz-partner-te-con .te-col2 { width: 20.0%; float: right; } .hz-partner-te-con .te-v2 { width: 100%; position: relative; } .hz-partner-te-con .te-v2 img { width: 100%; cursor: pointer; display: block; } .hz-partner-te-con .te-player2 { width: 17.5%; position: absolute; top: 37.2%; left: 41.2%; cursor: pointer; } .hz-partner-te-con .te-player2 img { width: 100%; } .hz-partner-te-con .te-title2 { width: 90%; font-size: 16px; color: #000; margin: 4% 0 3% 6%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hz-partner-te-con .te-title4 { width: 89.6%; font-size: 16px; color: #000; margin: 10px 0 7px 5.4%; } .hz-partner-te-con .te-time3 { width: 40%; float: left; font-size: 12px; color: #575757; margin-left: 6%; margin-bottom: 5%; } .hz-partner-te-con .te-time4 { width: 45%; float: right; font-size: 12px; color: #575757; margin-right: 5.4%; margin-bottom: 3%; text-align: right; } .hz-partner-te-con .te-clear { clear: both; } .hz-partner-te-con .te-v3 { width: 100%; position: relative; margin-top: 20px; } .hz-partner-te-con .te-v3 img { width: 100%; cursor: pointer; } /*视频弹框*/ .hz-partner-te-con .video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; } .hz-partner-te-con .video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); } .hz-partner-te-con .video-c { position: absolute; left: 50%; top: 20%; margin-left: -425px; z-index: 900; width: 850px; } .hz-partner-te-con .v1 { width: 925px; } .hz-partner-te-con .close { width: 20px; float: right; cursor: pointer; } .hz-partner-te-con .close img { width: 100%; } .hz-partner-te-con .show-pc { display: block; } .hz-partner-te-con .show-phone { display: none; } .blue3 { text-decoration: none; } @media(max-width:1200px) { .hz-partner-te-con .te-box { width: 100%; } .hz-partner-te-con .te-title2 { font-size: 16px; } .hz-partner-te-con .te-time3 { font-size: 12px; } .hz-partner-te-con .te-time4 { font-size: 12px; } .hz-partner-te-con .v1 { width: 100%; } #v1_wrapper { width: 100% !important; } .hz-partner-te-con .te-col1 { width: 77.2%; position: relative; float: left; margin-left: 16px; } } @media(max-width:768px) { .hz-partner-te-con .show-pc { display: none; } .hz-partner-te-con .show-phone { display: block; } .hz-partner-te-con .te-v1 { position: relative; } .hz-partner-te-con { margin-top: -20px; margin-bottom: -3%; } .hz-partner-te-con .te-box { width: 95%; margin-bottom: 7%; } .hz-partner-te-con .te-col1 { width: 100%; float: none; margin-left: 0; } .hz-partner-te-con .te-player1 { width: 14.3%; top: 42.8%; left: 42.8%; } .hz-partner-te-con .te-title1 { font-size: 4.8vw; margin: 0 auto 0 auto; margin-top: 4%; margin-bottom: 2%; } .hz-partner-te-con .te-title-3 { font-size: 3.8vw; line-height: 1.5; height: auto; margin: 3% auto 0 auto; margin-bottom: 2%; } .hz-partner-te-con .te-time1 { width: 20.9%; font-size: 3.2vw; margin-left: 6%; margin-bottom: 4%; } .hz-partner-te-con .te-time2 { width: 22.8%; font-size: 3.2vw; margin-right: 5.2%; margin-bottom: 5%; } .hz-partner-te-con .te-col2 { width: 100%; float: none; } .hz-partner-te-con .te-title { font-size: 4.8vw; border: none; text-align: center; margin-top: 8%; } .hz-partner-te-con .w-line { width: 6.8%; height: 4px; background: #e60012; margin: 3% auto; } .hz-partner-te-con .te-vbox { margin: 4% 5% 0 5%; width: 90%; float: left; } .hz-partner-te-con .te-vbox:first-child { margin-top: 0; } .hz-partner-te-con .te-vbox .te-v { width: 100%; float: left; } .hz-partner-te-con .te-vbox .te-txt1 { width: 100%; float: left; } .hz-partner-te-con .te-v3 { margin-top: 0; } .hz-partner-te-con .te-title2 { width: 90%; font-size: 4.8vw; margin: 4% auto 0; } .hz-partner-te-con .te-title4 { width: 70.6%; font-size: 2.9vw; margin: 2% auto 0; } .hz-partner-te-con .te-time3 { width: 45%; float: left; font-size: 3.2vw; margin: 3% 0 4% 6%; } .hz-partner-te-con .te-time4 { width: 70.6%; float: none; font-size: 2.9vw; margin: 5.1% auto 8.3%; text-align: left; } .hz-partner-te-con .video-c { left: 0; margin-left: 0; width: 100%; top: 30%; overflow: visible; } .hz-partner-te-con #cloud-video, .hz-partner-te-con #cloud-video-1, .hz-partner-te-con #cloud-video-2, .hz-partner-te-con #cloud-video-3 { width: 90%; margin: 0 auto; z-index: 1000; margin-left: 5%; } .hz-partner-te-con .close, .hz-partner-te-con .close2 { position: absolute; top: -15%; right: 3%; float: none; width: 5%; } .hz-partner-te-con .te-title { font-size: 6.2vw; border: none; text-align: center; margin-top: 8%; padding-left: 0; margin-bottom: 0; } .hz-partner-te-con .line-w { display: block; width: 8%; height: 3px; background-color: #e60012; margin: 1.7% auto 0; } } @media(max-width:640px) { .hz-partner-te-con .te-time4 { width: 30%; float: right; font-size: 3.2vw; margin: 3% 6% 0 0; text-align: right; } .hz-partner-te-con .te-title1 { width: 88%; } .hz-partner-te-con .te-title-3 { width: 88%; } } /* 品牌理念新增样式 */ .hz-g-container .idea-page1-title { margin-top: 3%; } .hz-g-container .idea-page1-btn { width: 34%; margin: 4% 0 0 27%; padding: 2% 0; border: 1px solid #e70012; overflow: hidden; } .hz-g-container .idea-page-b-txt { font-size: 14px; color: #e70012; float: left; margin-left: 18.4%; } .hz-g-container .idea-page1-btn img { float: left; width: 6%; margin-left: 6.4%; margin-top: 1.4%; } .hz-g-container .hz-08-1 { display: none; } .hz-g-container .idea-page1-btn:hover { background-color: #e70012; } .hz-g-container .idea-page1-btn:hover .idea-page-b-txt { color: #fff; } .hz-g-container .idea-page1-btn:hover .hz-08-1 { display: block; } .hz-g-container .idea-page1-btn:hover .hz-08- { display: none; } @media(max-width:770px) { .hz-g-container .idea-page1-btn { margin: 3% auto 0; width: 32%; padding: 2.5% 0; } .hz-g-container .idea-page-b-txt { font-size: 3.2vw; margin-left: 13%; line-height: 1.2em; } .hz-g-container .idea-page1-btn img { width: 8%; margin-top: 2%; } } /* 品牌理念新增样式结束*/ .show-pc { display: block; } .show-phone { display: none; } .cul-09-box { width: 100%; margin: 0 auto; overflow: hidden; } .cul-09-p1 { width: 100%; position: relative; overflow: hidden; margin-top: 100px; } .cul-09-p1>img { width: 100%; } .cul-09-c-box { position: absolute; left: 50%; top: 10%; margin-left: -600px; width: 1200px; height: 100%; } .cul-09-title { width: 100%; font-size: 46px; color: #000; } .cul-09-txt { width: 52.8%; padding-left: 0.8%; border-left: 3px solid #e60012; font-size: 18px; line-height: 1.6em; margin-top: 1%; } .cul-09-b-t { width: 100%; overflow: hidden; margin: 8% auto 0; } .cul-09-b-t>div:first-child { margin-left: 0; } .cul-09-c { width: 27%; margin-left: 9.2%; float: left; } .cul-09-title2 { font-size: 22px; } .cul-09-title2 span { padding-bottom: 1%; border-bottom: 2px solid #e60012; } .cul-09-t1 { width: 100%; font-size: 16px; line-height: 1.6em; color: #000000; margin-top: 5%; } .swiper-container-cul09 { width: 100%; margin: 0 auto 40px; } .swiper-container-cul09 .swiper-slide { width: 23.5%; float: left; height: 335px; border: 1px solid #dddddd; margin-left: 2%; } .swiper-container-cul09 .swiper-slide:hover { background: #f2f2f2; border: 1px solid #f2f2f2; } .swiper-container-cul09 .swiper-slide:hover .cul-09-icc1 { display: block; } .swiper-container-cul09 .swiper-slide:hover .cul-09-icc2 { display: none; } .cul-09-icc1 { display: none; } .swiper-container-cul09>.swiper-wrapper>div:first-child { margin-left: 0; } .cul-09-p2-box { width: 100%; overflow: hidden; } .cul-09-ic { width: 18%; margin: 10% auto 0; } .cul-09-ic img { width: 100%; } .cul-09-type { width: 100%; margin: 3% auto 0; font-size: 22px; text-align: center; } .cul-09-p2-txt { width: 80%; font-size: 16px; color: #7d7d7d; margin: 3% auto 0; line-height: 1.6em; } @media(max-width:1600px) { .cul-09-b-t { margin-top: 9%; } } @media(max-width:1400px) { .cul-09-txt { font-size: 16px; } .cul-09-t1 { font-size: 14px; } .swiper-slide { height: 275px; } .cul-09-p2-txt { font-size: 14px; } .cul-09-b-t { margin-top: 7%; } } @media(max-width:1200px) { .cul-09-c-box { width: 960px; margin-left: -480px; } .cul-09-title { font-size: 40px; } .cul-09-txt { font-size: 14px; } .cul-09-title2 { font-size: 20px; } .cul-09-t1 { font-size: 12px; } .cul-09-c-box { top: 5%; } .cul-09-p2-txt { font-size: 12px; } .swiper-container-cul09 .swiper-slide { height: 245px; } } @media(max-width:770px) { .cul-09-p1>img:nth-child(2) { display: none; } .show-phone { display: block; } .show-pc { display: none; } /* 领航者文化 */ .cul-09-p1 { width: 100%; position: relative; overflow: hidden; margin-top: 0; margin-bottom: 19px; } .cul-09-p1 img { width: 100%; display: block } .cul-09-c-box { position: absolute; left: 7.5%; top: 4%; width: 87%; margin-left: 0; } .cul-09-title { width: 100%; font-size: 24px; } .cul-09-txt { width: 97.3%; padding-left: 2.6%; border-left: 3px solid #e60012; font-size: 14px; color: #000000; margin-top: 5%; line-height: 1.6em; } .cul-09-c { width: 100%; margin-left: 0; } .cul-09-b-t { width: 100%; margin-top: 40%; } .cul-09-title2 { width: 100%; font-size: 4vw; color: #000000; } .cul-09-t1 { width: 100%; font-size: 3.2vw; line-height: 1.6em; color: #000000; margin-top: 5%; } .cul-09-title2.mt { margin-top: 5%; } .cul-09-p2 { width: 100%; margin: 0 auto; overflow: hidden; } .cul-09-p2-box { width: 83%; padding: 9% 0 0; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1); margin: 0% auto 0; height: 43vh; } .cul-09-ic { width: 17.8%; margin: 0 auto; } .cul-09-ic img { width: 100%; } .cul-09-type { width: 100%; margin: 3% auto 0; font-size: 4.8vw; text-align: center; } .cul-09-p2-txt { width: 80%; font-size: 3.7vw; line-height: 1.6em; color: #7d7d7d; margin: 4% auto 0; } .pagination-cul09 { width: 100%; height: 40px; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .swiper-container-cul09 { width: 100%; margin: 0 auto; } .swiper-container-cul09 .swiper-slide { border: none; float: none; margin-left: 0; height: auto; } .swiper-container-cul09 .swiper-slide:hover { background: none; border: none; } } @media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) { .cul-09-p2-box { height: 35vh; } } .new-rh-ul{ width:100%; margin: 0% auto 0; background:#fff; overflow:hidden; border-right:1px solid #eaeaea; border-top:1px solid #eaeaea; } .new-rh-ul li{ width:25%; border-left:1px solid #eaeaea; padding:4% 0 3%; float: left; } .new-rh-ic{ width:18%; margin:0 auto; } .new-rh-ul .new-rh-p1{ width:100%; margin:2% auto 0; color:#e40000; font-size:24px; text-align:center; } .new-rh-ul .new-rh-p1 span{ font-size:40px; } .new-rh-ul .new-rh-p2{ width:100%; height:42px; text-align:center; font-size:16px; color:#1f1f1f; } .new-rh-ul.b-bor{ border-bottom:1px solid #eaeaea; } .innlistBoxthree.l-w{ width:320px !important; } .brandLine.mt{ margin:2% 0 !important; } .brandText.mt{ margin-top:1.3% !important; } .brandConceptList.mt{ margin-top:1.3% !important; } .brandConceptConText.change .brandLine{ border-bottom:2px solid rgba(255,255,255,0.4) !important; } .brandConceptConTextT.mt{ margin-top:10%; } @media(max-width:1200px){ .brandLine.mt{ margin:1.6% 0 !important; } } @media(max-width:1024px){ .brandConceptConText.change h6{ text-align:left !important; } } @media(max-width:770px){ .new-rh-ul li{ width:50%; border-bottom:1px solid #eaeaea; } .innlistBoxthree.l-w{ width:30% !important; } .new-rh-ul .new-rh-p1 span{ font-size:5vw; } .new-rh-ul .new-rh-p1{ font-size:3.2vw; } .new-rh-ul .new-rh-p2{ height:auto; } .new-rh-ic{ width:19%; } .new-rh-ic img{ width:100%; } .new-rh-ul li:last-child{ width:50%; } .fontred.ml{ margin-left:-8%; } .brandConceptConTextT.tl{ text-align:left !important; font-weight:600; margin-bottom:2% !important; } .brandConceptConText.change h6:first-child{ margin-top:10% !important; } .brandText.mt1{ margin-top:1.5% !important; } }